.auth-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#111827cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;justify-content:center}.auth-modal.active{display:flex}.auth-modal-content{background-color:#101524;color:#f9fafb;margin:auto;padding:2.5rem;border-radius:12px;width:90%;max-width:420px;position:relative;box-shadow:0 0 25px #c5a34f4d,0 10px 20px -5px #0003;animation:modal-enter .4s cubic-bezier(.25,.8,.25,1);border:1px solid #c5a34f}@keyframes modal-enter{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal-close{color:#9ca3af;position:absolute;top:1rem;right:1rem;font-size:1.5rem;line-height:1;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease-in-out,transform .2s ease-in-out}.auth-modal-close:hover,.auth-modal-close:focus{color:#fff;text-decoration:none;transform:rotate(90deg)}.auth-modal h2{margin-top:0;margin-bottom:.75rem;color:#fff;font-size:1.75rem;font-weight:700;text-align:center}.auth-modal p{margin-bottom:2rem;color:#d1d5db;text-align:center;font-size:1rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#d1d5db;font-size:.875rem}.form-group input{width:100%;padding:.875rem 1rem;border:1px solid #4b5563;border-radius:6px;box-sizing:border-box;background-color:#1a1a1a;color:#f9fafb;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e54d}.form-extra-links{text-align:right;margin-top:-.75rem;margin-bottom:1.5rem;font-size:.875rem}.form-extra-links a{color:#818cf8;font-weight:600;text-decoration:none;transition:color .2s ease}.form-extra-links a:hover{text-decoration:underline;color:#a5b4fc}.auth-modal .btn{width:100%;padding:.875rem;font-size:1rem;font-weight:700;border-radius:6px;text-transform:uppercase;letter-spacing:.05em;transition:background-color .2s ease,transform .1s ease;background-color:#4f46e5;color:#fff;border:none}.auth-modal .btn:hover{background-color:#4338ca}.auth-modal .btn:active{transform:scale(.98)}.auth-switch{text-align:center;margin-top:1.5rem;font-size:.875rem;color:#9ca3af}.auth-switch a{color:#818cf8;font-weight:600;text-decoration:none;transition:color .2s ease}.auth-switch a:hover{text-decoration:underline;color:#a5b4fc}html[data-gejo-theme=light] .auth-modal{background-color:#e2e8f0bd}html[data-gejo-theme=light] .auth-modal-content{background:linear-gradient(180deg,#fffffffa,#f4f7fcf5);color:#14233b;box-shadow:0 24px 56px #0f172a29;border-color:#94a3b83d}html[data-gejo-theme=light] .auth-modal-close{color:#64748b}html[data-gejo-theme=light] .auth-modal-close:hover,html[data-gejo-theme=light] .auth-modal-close:focus{color:#0f172a}html[data-gejo-theme=light] .auth-modal h2{color:#14233b}html[data-gejo-theme=light] .auth-modal p,html[data-gejo-theme=light] .form-group label,html[data-gejo-theme=light] .auth-switch{color:#5e708f}html[data-gejo-theme=light] .form-group input{background-color:#fffffff0;border-color:#94a3b857;color:#14233b}html[data-gejo-theme=light] .form-group input:focus{border-color:#1d4ed88c;box-shadow:0 0 0 4px #60a5fa2e}html[data-gejo-theme=light] .form-extra-links a,html[data-gejo-theme=light] .auth-switch a{color:#1d4ed8}html[data-gejo-theme=light] .form-extra-links a:hover,html[data-gejo-theme=light] .auth-switch a:hover{color:#1e40af}html[data-gejo-theme=light] .auth-modal .btn{background:linear-gradient(135deg,#2563eb,#0f766e)}html[data-gejo-theme=light] .auth-modal .btn:hover{background:linear-gradient(135deg,#1d4ed8,#0f5f5d)}