.login-page{--lg-bg: #06080c;--lg-panel: #111418;--lg-panel-2: #161a20;--lg-border: rgba(255, 255, 255, .08);--lg-ink: #eef2f6;--lg-muted: #7d8796;--lg-accent: #e8b86d;--lg-ok: #26a69a;--lg-err: #ef5350;min-height:100vh;margin:0;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:radial-gradient(ellipse 70% 50% at 50% -10%,rgba(232,184,109,.1),transparent 55%),radial-gradient(ellipse 40% 30% at 100% 80%,rgba(38,166,154,.06),transparent 50%),var(--lg-bg);color:var(--lg-ink);font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;box-sizing:border-box}.login-page *,.login-page *:before,.login-page *:after{box-sizing:border-box}.login-shell{width:100%;max-width:720px;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;border:1px solid var(--lg-border);background:var(--lg-panel);box-shadow:0 0 0 1px #ffffff05 inset,0 32px 80px #0000008c}@media(min-width:768px){.login-shell{flex-direction:row}}.login-main{flex:1;padding:2rem 1.75rem;position:relative;min-width:0}.login-main.is-locked .login-form-wrap{opacity:.18;filter:blur(4px);pointer-events:none}.login-brand{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;margin-bottom:1.5rem}.login-brand-mark{width:2.35rem;height:1.15rem;overflow:visible}.login-brand-path{stroke-dasharray:28 92;animation:login-flow 2.8s linear infinite;filter:drop-shadow(0 0 5px rgba(232,184,109,.45))}.login-brand-dot{filter:drop-shadow(0 0 6px rgba(232,184,109,.9));offset-path:path("M8,16 C8,8 20,8 32,16 C44,24 56,24 56,16 C56,8 44,8 32,16 C20,24 8,24 8,16");offset-rotate:0deg;animation:login-orbit 2.8s linear infinite}@keyframes login-flow{to{stroke-dashoffset:-120}}@keyframes login-orbit{to{offset-distance:100%}}.login-brand-word{font-size:1.05rem;font-weight:600;letter-spacing:-.03em}.login-brand-word .dot{color:#8b939e;font-weight:500}.login-title{margin:0;font-size:1.35rem;font-weight:600;letter-spacing:-.03em}.login-sub{margin:.35rem 0 0;font-size:.88rem;color:var(--lg-muted)}.login-error{margin-top:1rem;padding:.75rem .9rem;border-radius:12px;border:1px solid rgba(239,83,80,.25);background:#ef535014;color:#ff8a80;font-size:.84rem}.login-form{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.login-field label{display:block;font-size:.72rem;font-weight:500;color:var(--lg-muted);margin-bottom:.4rem;letter-spacing:.02em}.login-input-wrap{position:relative}.login-input-wrap input{width:100%;appearance:none;border:1px solid var(--lg-border);background:var(--lg-panel-2);color:var(--lg-ink);border-radius:12px;padding:.72rem .9rem;font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.login-input-wrap input::placeholder{color:#4a5562}.login-input-wrap input:focus{border-color:#e8b86d8c;box-shadow:0 0 0 3px #e8b86d1a}.login-input-wrap.is-valid input{border-color:#26a69a8c;box-shadow:0 0 0 3px #26a69a14}.login-input-wrap input[type=password],.login-input-wrap input[name=password]{padding-right:2.6rem}.login-check,.login-eye{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:1.15rem;height:1.15rem;color:var(--lg-ok);pointer-events:none;opacity:0;transition:opacity .2s}.login-input-wrap.is-valid .login-check{opacity:1}.login-eye{pointer-events:auto;cursor:pointer;color:var(--lg-muted);background:none;border:none;padding:0;display:grid;place-items:center;opacity:1}.login-eye:hover{color:var(--lg-ink)}.login-eye svg{width:1.1rem;height:1.1rem}.login-remember{display:flex;align-items:center;gap:.5rem;font-size:.84rem;color:var(--lg-muted);-webkit-user-select:none;user-select:none}.login-remember input{accent-color:var(--lg-accent)}.login-submit{margin-top:.25rem;width:100%;border:none;border-radius:12px;padding:.78rem 1rem;font-size:.92rem;font-weight:600;font-family:inherit;cursor:pointer;background:linear-gradient(135deg,#f0d19a,var(--lg-accent));color:#0b0e11;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:opacity .15s,transform .15s,box-shadow .2s;box-shadow:0 0 24px #e8b86d38}.login-submit:hover:not(:disabled){box-shadow:0 0 32px #e8b86d59}.login-submit:active:not(:disabled){transform:scale(.98)}.login-submit:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.login-submit .spin{width:1rem;height:1rem;animation:login-spin .8s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}.login-links{margin-top:1.15rem;text-align:center;font-size:.78rem;color:var(--lg-muted)}.login-links a{color:#9aa3af;text-decoration:none}.login-links a:hover{color:var(--lg-accent)}.login-success{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;opacity:0;pointer-events:none;transition:opacity .45s ease;background:#1114188c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.login-success.is-on{opacity:1;pointer-events:auto}.login-success-ring{width:3.5rem;height:3.5rem;border-radius:999px;border:2px solid var(--lg-ok);display:grid;place-items:center;margin-bottom:1rem;box-shadow:0 0 24px #26a69a40;animation:login-pop .4s ease-out both;color:var(--lg-ok)}.login-success-ring svg{width:1.4rem;height:1.4rem}@keyframes login-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.login-success h3{margin:0;font-size:1.2rem;font-weight:600}.login-success p{margin:.35rem 0 0;color:var(--lg-muted);font-size:.88rem}.login-side{width:100%;border-top:1px solid var(--lg-border);padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000038}@media(min-width:768px){.login-side{width:240px;border-top:none;border-left:1px solid var(--lg-border);flex-shrink:0}}.login-ring-wrap{position:relative;width:5rem;height:5rem;margin-bottom:1.5rem}.login-ring-spin{position:absolute;inset:0;border-radius:999px;border:2px solid transparent;border-top-color:var(--lg-ok);opacity:0;transition:opacity .2s}.login-ring-spin.is-on{opacity:1;animation:login-spin .9s linear infinite}.login-ring{width:5rem;height:5rem;border-radius:999px;border:2px solid #2a313a;display:grid;place-items:center;transition:border-color .4s,box-shadow .4s;color:var(--lg-muted)}.login-ring.is-loading{border-color:var(--lg-ok);box-shadow:0 0 20px #26a69a40}.login-ring.is-done{border-color:var(--lg-ok);color:var(--lg-ok);box-shadow:0 0 20px #26a69a40}.login-ring svg{width:1.4rem;height:1.4rem}.login-ring-dot{width:.5rem;height:.5rem;border-radius:999px;background:var(--lg-ok);animation:login-pulse 1.2s ease infinite}@keyframes login-pulse{0%,to{opacity:1}50%{opacity:.35}}.login-steps{width:100%;display:flex;flex-direction:column;gap:.15rem}.login-step{display:flex;align-items:center;gap:.75rem;padding:.45rem 0;font-size:.84rem;font-weight:500;color:#4a5562;transition:color .4s}.login-step.is-done{color:#c8d0da}.login-step-dot{width:1rem;height:1rem;border-radius:999px;border:1px solid #2a313a;display:grid;place-items:center;flex-shrink:0;transition:all .4s}.login-step.is-done .login-step-dot{border-color:var(--lg-ok);background:var(--lg-ok);color:#fff}.login-step-dot svg{width:.55rem;height:.55rem;opacity:0}.login-step.is-done .login-step-dot svg{opacity:1}.login-home{margin-top:1.5rem;font-size:.75rem}.login-home a{color:#5d6673;text-decoration:none}.login-home a:hover{color:var(--lg-accent)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #161a20 inset;-webkit-text-fill-color:#eef2f6;caret-color:#eef2f6;transition:background-color 9999s ease-out}@media(prefers-reduced-motion:reduce){.login-brand-path,.login-brand-dot,.login-ring-spin,.login-ring-dot,.login-submit .spin{animation:none}}