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