*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Roboto Slab,serif;background-color:#000c36;color:#fff;font-size:1rem}header{text-align:center;margin-top:50px}.container{max-width:393px;display:flex;flex-direction:column;margin:auto;align-items:center;padding:15px}h1{font-family:Carter One,system-ui;font-size:2.81rem;margin:0 0 40px}form,.response{display:flex;flex-direction:column}label{margin-bottom:15px}textarea{background-color:#3b4877;border:none;border-radius:10px;height:80px;resize:none;font-family:inherit;color:#fff;font-weight:300;font-size:.875rem;margin-bottom:40px;padding:20px}button{background-color:#51e08a;font-size:1.875rem;font-family:inherit;color:#000c36;padding:20px 0;font-weight:700;border-radius:10px;margin-bottom:40px;cursor:pointer;border:2px solid transparent;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}button:hover{background-color:#5af59a;transform:translateY(-1px);box-shadow:0 8px 18px #0f281459}button:focus-visible{outline:none;border-color:#d7ffe7;box-shadow:0 0 0 3px #51e08a59,0 8px 18px #0f281459}h2{text-align:center;font-size:1.875rem;margin:0 0 30px}p{line-height:1.25;margin:0 0 40px;font-size:1.125rem}.loading{display:flex;flex-direction:column;align-items:center;gap:16px;margin:30px 0 40px}.spinner{width:48px;height:48px;border-radius:50%;border:4px solid rgba(255,255,255,.2);border-top-color:#51e08a;animation:spin .9s linear infinite}.loading p{margin:0;font-size:1.125rem;color:#dbe6ff}.hidden{display:none}@keyframes spin{to{transform:rotate(360deg)}}