@keyframes spin{to{transform:rotate(360deg)}}@keyframes slide-in{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes move-blob-1{0%{transform:translate(0) scale(1)}25%{transform:translate(30vw,-20vh) scale(1.1)}50%{transform:translate(10vw,40vh) scale(.9)}75%{transform:translate(-20vw,10vh) scale(1.2)}to{transform:translate(0) scale(1)}}@keyframes move-blob-2{0%{transform:translate(0) scale(1)}25%{transform:translate(-25vw,30vh) scale(1.2)}50%{transform:translate(20vw,-10vh) scale(.8)}75%{transform:translate(5vw,-30vh) scale(1.1)}to{transform:translate(0) scale(1)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#0f172a;background-image:url(https://afaa.website/s/7834d4.webp);background-size:cover;background-position:center;position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);will-change:transform;z-index:1}.login-page:before{background:radial-gradient(circle,#d9f1ff,transparent 60%);width:35vw;height:35vw;top:10vh;left:20vw;animation:move-blob-1 25s infinite ease-in-out}.login-page:after{background:radial-gradient(circle,#a7dcff,transparent 60%);width:30vw;height:30vw;bottom:5vh;right:15vw;animation:move-blob-2 30s infinite ease-in-out alternate}.login-container{width:100%;max-width:26rem;padding:2.5rem 2rem;text-align:center;position:relative;z-index:2;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:1rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d}.login-title{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.login-subtitle{color:#fff;font-size:larger;margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.25rem;font-weight:500;color:#cbd5e1;text-align:left}.form-input{width:100%;background-color:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.75rem 1rem;border-radius:.5rem;outline:none;transition:background-color .2s,box-shadow .2s}.form-input::placeholder{color:#fff9}.form-input:focus{background-color:#ffffff40;box-shadow:0 0 0 2px #ffffff40}.form-input:disabled{opacity:.5}.password-container{position:relative}.password-toggle{background:none;border:none;cursor:pointer;position:absolute;top:0;right:0;display:flex;align-items:center;height:100%;padding-right:.75rem}.remember-me-label,.forgot-password-link{font-size:.875rem;color:#e2e8f0}.forgot-password-link:hover{color:#fff;text-decoration:underline}.remember-me-checkbox{height:1rem;width:1rem;background-color:transparent;border:1px solid rgba(255,255,255,.5);border-radius:.25rem}.remember-me-checkbox:focus{box-shadow:0 0 0 2px #3b82f6}.remember-me-checkbox:checked{background-color:#3b82f6}.submit-button{border:none;cursor:pointer}.register-prompt{color:#5b5b5b}.register-prompt .register-link{color:#313131;font-weight:500;text-decoration:none}.register-prompt .register-link:hover{color:#474747;text-decoration:underline}.error-message{margin-bottom:1rem;display:flex;align-items:center;background-color:#fefce8;border-left:4px solid #eab308;padding:1rem;border-radius:.5rem;animation:slide-in .3s ease-out}.error-icon-svg{display:inline-block;height:1.5rem;width:1.5rem;margin-right:.75rem;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%23eab308"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01M12 21a9 9 0 110-18 9 9 0 010 18z"/></svg>') no-repeat center;background-size:contain}.error-text{color:#a16207;font-size:1rem}.login-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column}.password-input{padding-right:2.5rem}.toggle-icon-show{display:inline-block;height:1.25rem;width:1.25rem;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="white"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/></svg>') no-repeat center;background-size:contain}.toggle-icon-hide{display:inline-block;height:1.25rem;width:1.25rem;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="white"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.79m0 0L21 21"/></svg>') no-repeat center;background-size:contain}.remember-me-container{display:flex;align-items:center;margin-bottom:1rem}.remember-me-label{margin-left:.5rem}.forgot-password-container{display:flex;justify-content:flex-end;flex:1}.submit-button{width:100%;background-color:#313131;color:#fff;padding:.75rem;border-radius:.5rem;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.submit-button:hover{background-color:#474747}.submit-button:disabled{background-color:#939da9}.loading-icon-svg{display:inline-block;height:1.25rem;width:1.25rem;margin-right:.5rem;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" stroke="white" stroke-width="4" opacity="0.25"/><path fill="white" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" opacity="0.75"/></svg>') no-repeat center;background-size:contain;animation:spin 1s linear infinite}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10}.modal{max-width:28rem;background-color:#fff;border-radius:.75rem;box-shadow:0 10px 15px #0003;padding:0;outline:none;animation:slide-in .3s ease-out}.modal-header{background-color:#eab308;padding:1rem;border-top-left-radius:.75rem;border-top-right-radius:.75rem;display:flex;align-items:center}.modal-icon-svg{display:inline-block;height:1.5rem;width:1.5rem;margin-right:.75rem;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="white"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01M12 21a9 9 0 110-18 9 9 0 010 18z"/></svg>') no-repeat center;background-size:contain}.modal-title{font-size:1.125rem;font-weight:600;color:#fff}.modal-body{padding:1.5rem}.modal-text{color:#4b5563;font-size:.875rem;margin-bottom:1.5rem}.resend-button{width:100%;background-color:#3b82f6;color:#fff;padding:.75rem;border-radius:.5rem;transition:background-color .2s;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;border:none;cursor:pointer}.resend-button:hover{background-color:#1d4ed8}.resend-button:disabled{background-color:#93c5fd}.success-message{color:#16a34a;text-align:center;margin-bottom:1rem}.error-message-text{color:#dc2626;text-align:center;margin-bottom:1rem}.modal-buttons{display:flex;gap:.75rem}.close-button,.register-button{width:100%;padding:.75rem;border-radius:.5rem;transition:background-color .2s;border:none;cursor:pointer}.close-button{background-color:#e5e7eb;color:#4b5563}.close-button:hover{background-color:#d1d5db}.register-button{background-color:#16a34a;color:#fff}.register-button:hover{background-color:#15803d}