:root{--navy:#0d1b2a;--navy-dark:#060d15;--crimson:#7b1921;--crimson-dk:#5e1219;--gold:#c9a84c;--gold-dark:#9d7a2e;--gold-soft:#fdf6e3;--ink-950:#111;--ink-700:#4b4b4b;--ink-500:#737373;--surface:#fff;--line:#e7e5e4;--danger-bg:#fef2f2;--danger-bd:#fecaca;--danger-ink:#dc2626;--ok-bg:#f0fdf4;--ok-bd:#bbf7d0;--ok-ink:#16a34a;--shadow:0 10px 25px #0000002e}.login-page{min-height:100vh;color:var(--ink-950);background:linear-gradient(160deg,var(--navy) 0%,var(--navy-dark) 100%);justify-content:center;align-items:center;margin:0;padding:2rem;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;display:flex}.login-page .page-wrapper{background:#fff;border-radius:30px;width:min(1080px,100%);padding:3px;position:relative;overflow:hidden}.login-page .bg-rotate{z-index:0;background:conic-gradient(#0000 0% 20%,#c9a84c33 38%,#7b19211f 52%,#c9a84c2e 65%,#0000 80% 100%);width:160%;height:160%;animation:6s linear infinite bgSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes bgSpin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.login-page .container{z-index:1;background:#fff;border-radius:27px;width:100%;height:720px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000001f}.login-page .form-box{scrollbar-width:thin;scrollbar-color:var(--line) transparent;background:#fff;flex-direction:column;justify-content:center;width:50%;height:100%;padding:2rem 2.2rem;transition:transform .65s cubic-bezier(.65,0,.35,1),opacity .65s cubic-bezier(.65,0,.35,1);display:flex;position:absolute;top:0;left:0;overflow-y:auto}.login-page .sign-in{z-index:2;opacity:1;transform:translate(0)}.login-page .sign-up{z-index:1;opacity:0;pointer-events:none;transform:translate(0)}.login-page .toggle-box{z-index:200;border-radius:150px 0 0 150px;width:50%;height:100%;transition:transform .65s cubic-bezier(.65,0,.35,1),border-radius .65s;position:absolute;top:0;left:50%;overflow:hidden}.login-page .toggle-track{background:linear-gradient(160deg,var(--navy) 0%,#12233a 40%,#1a0a0d 75%,var(--navy-dark) 100%);width:200%;height:100%;transition:left .65s cubic-bezier(.65,0,.35,1);display:flex;position:relative;left:-100%}.login-page .toggle-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;padding:2.5rem 1.8rem;display:flex}.login-page .form-logo{border:3px solid #c9a84c4d;border-radius:50%;flex-shrink:0;width:110px;height:110px;margin:0 auto 1rem;overflow:hidden;box-shadow:0 8px 28px #7b192140}.login-page .form-logo img{object-fit:cover;width:100%;height:100%;display:block}.login-page .form-box h2{letter-spacing:-.02em;text-align:center;color:var(--navy);margin:0;font-family:Inter,Segoe UI,sans-serif;font-size:1.75rem;font-weight:800}.login-page .form-sub{color:#4f4f4f;text-align:center;margin:.32rem 0 .85rem;font-size:.95rem;line-height:1.6}.login-page .field{margin-bottom:.68rem}.login-page .field-wrap{position:relative}.login-page .field-wrap>i{color:var(--ink-500);pointer-events:none;font-size:.78rem;transition:color .2s;position:absolute;top:50%;left:.72rem;transform:translateY(-50%)}.login-page .field-wrap:focus-within>i{color:var(--crimson)}.login-page .field-wrap input[type=text],.login-page .field-wrap input[type=email],.login-page .field-wrap input[type=password]{border:1px solid var(--line);color:#111;background:#faf8f5;border-radius:8px;width:100%;padding:.88rem 1rem .88rem 2.5rem;font-family:inherit;font-size:.92rem;transition:border-color .2s,box-shadow .2s,background .2s}.login-page .field-wrap input:focus{border-color:var(--crimson);background:#fff;outline:none;box-shadow:0 0 0 3px #7b192114}.login-page .alert{border-radius:9px;align-items:center;gap:.38rem;margin:0 0 .65rem;padding:.52rem .72rem;font-size:.81rem;animation:.22s ease-out slideDown;display:flex}.login-page .alert--err{border:1px solid var(--danger-bd);background:var(--danger-bg);color:var(--danger-ink)}.login-page .btn-primary{background:linear-gradient(135deg,var(--crimson) 0%,var(--crimson-dk) 100%);color:#fff;cursor:pointer;letter-spacing:.02em;border:0;border-radius:8px;justify-content:center;align-items:center;gap:.42rem;width:100%;padding:.78rem 1rem;font-family:inherit;font-size:.93rem;font-weight:700;transition:filter .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 12px #7b192159,0 2px 4px #5e121933}.login-page .btn-primary:hover{filter:brightness(1.08);box-shadow:0 8px 20px #7b192166}.login-page .btn-primary:active{filter:brightness(.96)}.login-page .tgl-logo{aspect-ratio:1;background:#ffffff0f;border-radius:28px;flex-shrink:0;justify-content:center;align-items:center;width:min(220px,70%);margin:0 auto 1.3rem;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000059,0 0 0 1px #c9a84c33}.login-page .tgl-logo img{object-fit:cover;width:100%;height:100%;display:block}.login-page .toggle-panel h2{letter-spacing:-.02em;color:var(--gold);margin:0;font-family:Inter,Segoe UI,sans-serif;font-size:clamp(1.2rem,1.8vw,1.55rem);font-weight:700}.login-page .toggle-panel p{color:#fff9;max-width:24ch;margin:.55rem 0 1.4rem;font-size:.88rem;line-height:1.6}.login-page .btn-ghost{color:var(--gold);cursor:pointer;white-space:nowrap;background:#c9a84c14;border:1.5px solid #c9a84c99;border-radius:8px;align-items:center;gap:.42rem;padding:.62rem 1.7rem;font-family:inherit;font-size:.92rem;font-weight:600;transition:background .22s,border-color .22s;display:inline-flex}.login-page .btn-ghost:hover{background:#c9a84c2e;border-color:#c9a84ce6}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:740px){.login-page{align-items:flex-end;padding:0}.login-page .page-wrapper{border-radius:22px 22px 0 0;width:100%;padding:2px 2px 0}.login-page .container{border-radius:20px 20px 0 0;height:auto;min-height:100dvh}.login-page .form-box{justify-content:flex-start;width:100%;height:auto;min-height:100dvh;padding-top:2.8rem;display:none;position:relative;opacity:1!important;transform:none!important}.login-page .sign-in{pointer-events:all;display:flex}.login-page .sign-up{pointer-events:none;display:none}.login-page .toggle-box{display:none}.login-page .mobile-link{display:block}}