html,body,#app,#app>div #root{background:linear-gradient(to top right,#d0dcff,#f0f0ff,#fff3f3);width:100%;height:100%;margin:0;padding:0;font-family:Arial,sans-serif}.logo{color:#717171;margin:10px;padding:8px;font-size:2rem;font-weight:700;text-decoration:none;display:inline-block}.container{text-align:center;background-color:#fff;border-radius:5px;max-width:800px;margin:10% auto 0;padding:20px;box-shadow:0 0 10px #0000001a}h1{margin-top:0;font-size:36px}h2{font-size:28px}.btn{color:#fff;background-color:#1a88ff;border-radius:5px;padding:10px 20px;text-decoration:none;transition:all .3s ease-in-out;display:inline-block}.btn:hover{background-color:#0062cc}.admin{font-size:14px;position:absolute;top:10px;right:10px}.admin a{color:#f2f2f2;text-decoration:none;transition:all .3s ease-in-out}.admin a:hover{color:#4da3ff}.faq{text-align:left;background-color:#fff;border-radius:5px;max-width:800px;margin:20px auto;padding:20px;box-shadow:0 0 10px #0000001a}.faq .box{border:1px solid #ddd;border-radius:5px;margin-bottom:20px;padding:10px}.faq summary{cursor:pointer;outline:none;margin-top:0}.faq p{margin-top:0;display:none}.faq summary:hover,.faq details[open] summary{color:#4da3ff}.faq details[open] p{display:block}.custom-button{padding:10px 20px;font-size:16px}@media (max-width:768px){.container{max-width:90%;margin-top:15%;padding:16px}.faq{max-width:90%;padding:16px}h1{font-size:28px}h2{font-size:22px}}