.auth-page{--auth-accent:#6c63ff;--auth-accent-2:#a9d4ec;--auth-accent-rgb:108, 99, 255;--auth-label:#9094e0;--auth-bg:#1c202f;--auth-card-bg:transparent;--auth-text:#f2f3fa;--auth-muted:#8b93ad;--auth-input-bg:#161a27;--auth-input-border:#ffffff14;z-index:10050;background:var(--auth-bg);width:100%;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}html.light-mode .auth-page{--auth-bg:linear-gradient(135deg, #eef1ff 0%, #f7f8ff 50%, #eaf0ff 100%);--auth-text:#1c2150;--auth-muted:#7c84a8;--auth-label:#5b62c9;--auth-input-bg:#fff;--auth-input-border:#e1e4f2}.auth-visual{background:#11151f;flex:1.1;align-items:flex-end;display:none;position:relative;overflow:hidden}.auth-visual-overlay{z-index:2;background:linear-gradient(#11151f4d 0%,#11151f33 40%,#1c202ff2 100%);position:absolute;inset:0}.auth-collage{z-index:1;grid-template-columns:repeat(3,1fr);gap:18px;display:grid;position:absolute;inset:-6% -4%;transform:rotate(-8deg)scale(1.18)}.auth-collage-tile{aspect-ratio:3/4;border-radius:18px;animation:7s ease-in-out infinite authFloat;overflow:hidden;box-shadow:0 16px 40px #00000080}.auth-collage-tile:nth-child(3n){animation-delay:-2s}.auth-collage-tile:nth-child(3n+1){animation-delay:-4s}.auth-collage-tile img{object-fit:cover;width:100%;height:100%;display:block}@keyframes authFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.auth-visual-fallback{z-index:1;background:radial-gradient(circle at 50% 40%, rgba(var(--auth-accent-rgb), .5), #11151f 70%);position:absolute;inset:0}.auth-visual-caption{z-index:3;color:#fff;padding:0 0 56px 56px;position:relative}.auth-visual-caption i{color:var(--auth-accent-2);font-size:2rem}.auth-visual-caption span{letter-spacing:1px;margin:8px 0 6px;font-size:2.4rem;font-weight:900;display:block}.auth-visual-caption p{color:#c8cde0;max-width:320px;font-size:1rem}.auth-side{z-index:4;flex:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow-y:auto}.auth-card{width:100%;max-width:430px;color:var(--auth-text);padding:24px}.auth-mobile-top{height:230px;margin:-24px -24px 8px;position:relative;overflow:hidden}.auth-mobile-collage{grid-template-columns:repeat(3,1fr);gap:12px;display:grid;position:absolute;inset:-28% -10% 0;transform:rotate(-6deg)scale(1.15)}.auth-mobile-tile{aspect-ratio:3/4;border-radius:14px;overflow:hidden;box-shadow:0 10px 24px #00000073}.auth-mobile-tile img{object-fit:cover;width:100%;height:100%;display:block}.auth-mobile-fade{background:linear-gradient(180deg, #1c202f00 30%, var(--auth-bg) 96%);position:absolute;inset:0}html.light-mode .auth-mobile-fade{background:linear-gradient(#f7f8ff00 30%,#f7f8ff 96%)}.auth-brand{justify-content:center;align-items:center;gap:10px;margin-bottom:18px;display:flex}.auth-brand-logo{background:linear-gradient(135deg, var(--auth-accent), var(--auth-accent-2));color:#fff;width:40px;height:40px;box-shadow:0 6px 16px rgba(var(--auth-accent-rgb), .4);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.auth-brand-name{letter-spacing:.5px;color:var(--auth-text);font-size:1.3rem;font-weight:900}.auth-head{text-align:center;margin-bottom:1.6rem}.auth-head h1{color:var(--auth-text);margin:0 0 6px;font-size:2rem;font-weight:900}.auth-head p{color:var(--auth-muted);margin:0;font-size:.9rem}.auth-form{flex-direction:column;gap:1.05rem;display:flex}.auth-field label{color:var(--auth-label);margin-bottom:8px;font-size:.86rem;font-weight:700;display:block}.auth-input{background:var(--auth-input-bg);border:1.5px solid var(--auth-input-border);border-radius:12px;align-items:center;padding:0 16px;transition:border-color .2s,box-shadow .2s;display:flex}.auth-input input{color:var(--auth-text);background:0 0;border:none;outline:none;flex:1;padding:15px 0;font-family:inherit;font-size:.95rem}.auth-input input::placeholder{color:var(--auth-muted);opacity:.7}.auth-input:focus-within{border-color:var(--auth-accent);box-shadow:0 0 0 4px rgba(var(--auth-accent-rgb), .15)}.auth-remember{color:var(--auth-text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin-top:2px;font-size:.88rem;font-weight:600;display:flex}.auth-remember input{display:none}.auth-remember-box{border:1.5px solid var(--auth-input-border);background:var(--auth-input-bg);color:#fff;border-radius:7px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;transition:all .2s;display:flex}.auth-remember-box i{opacity:0;transition:all .2s;transform:scale(.5)}.auth-remember input:checked+.auth-remember-box{background:linear-gradient(135deg, var(--auth-accent), var(--auth-accent-2));border-color:#0000}.auth-remember input:checked+.auth-remember-box i{opacity:1;transform:scale(1)}.auth-btn{letter-spacing:.5px;color:#fff;cursor:pointer;background:linear-gradient(95deg, var(--auth-accent) 0%, var(--auth-accent-2) 100%);width:100%;box-shadow:0 12px 26px rgba(var(--auth-accent-rgb), .4);border:none;border-radius:12px;margin-top:.6rem;padding:16px;font-family:inherit;font-size:1rem;font-weight:800;transition:transform .18s,box-shadow .18s,opacity .2s}.auth-btn:hover:not(:disabled){box-shadow:0 16px 32px rgba(var(--auth-accent-rgb), .5);transform:translateY(-2px)}.auth-btn:disabled{opacity:.7;cursor:not-allowed}.auth-error{color:#ff4d6d;background:#ff33661f;border:1px solid #ff33664d;border-radius:12px;margin-bottom:1.1rem;padding:11px 14px;font-size:.88rem}.auth-foot{text-align:center;color:var(--auth-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:1.5rem;font-size:.82rem}.auth-foot button{color:var(--auth-accent-2);cursor:pointer;text-transform:uppercase;background:0 0;border:none;font-family:inherit;font-size:.82rem;font-weight:800}.auth-foot button:hover{text-decoration:underline}.auth-loading{color:#888;justify-content:center;align-items:center;min-height:60vh;display:flex}@media (min-width:992px){.auth-visual{display:flex}.auth-mobile-top{display:none}.auth-side{flex:0 0 46%;max-width:560px;padding:40px}.auth-card{max-width:400px;padding:0}.auth-brand{justify-content:flex-start}.auth-head{text-align:right}}