html,body,#root{height:100%;margin:0;background:#000;color:#f5f5f5;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.auth-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#121218f2,#040408fa);padding:1.5rem;box-sizing:border-box}.auth-card{width:min(420px,100%);background:#101018eb;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:2.5rem 2.25rem;box-shadow:0 32px 80px #00000073;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-card h1{margin:0 0 .25rem;font-size:1.75rem}.auth-card-heading p{margin:0 0 1.5rem;color:#f5f5ffb3}.auth-google{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff14;color:#f5f5f5;font-size:.95rem;cursor:pointer;transition:background .2s ease,border-color .2s ease}.auth-google:hover,.auth-google:focus{background:#ffffff24;border-color:#fff3}.auth-google:disabled{opacity:.6;cursor:not-allowed}.auth-note{margin-top:.75rem;font-size:.8rem;color:#f5f5ff8c;text-align:center}.auth-divider{position:relative;display:flex;align-items:center;margin:1.75rem 0 1.5rem;color:#f5f5ff80;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.auth-divider span{margin:0 .75rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-label{display:flex;flex-direction:column;gap:.45rem;font-size:.9rem}.auth-label span{color:#f5f5ffcc}.auth-label input{border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#00000059;color:inherit;padding:.7rem .9rem;font-size:.95rem;outline:none;transition:border .2s ease,background .2s ease}.auth-label input:focus{border-color:#6dacffa6;background:#0c1420bf}.auth-submit{margin-top:.5rem;padding:.85rem 1rem;border-radius:12px;border:none;background:linear-gradient(135deg,#4c6ef5,#18a0fb);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.auth-submit:hover,.auth-submit:focus{opacity:.95;transform:translateY(-1px)}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-error{margin-bottom:1.5rem;padding:.85rem 1rem;border-radius:12px;background:#ff537029;border:1px solid rgba(255,83,112,.45);color:#ffb3c1;font-size:.85rem}.auth-toggle{margin-top:1.75rem;font-size:.85rem;color:#f5f5ff99}.auth-toggle-button{margin-left:.35rem;border:none;background:none;color:#9ec5ff;cursor:pointer;font-size:.85rem;font-weight:600;text-decoration:underline;text-underline-offset:.2em}.auth-toggle-button:hover,.auth-toggle-button:focus{color:#cfe5ff}@media (max-width: 480px){.auth-card{padding:2rem 1.75rem}.auth-card h1{font-size:1.5rem}}