[data-page=login]{background:linear-gradient(180deg, var(--color-surface-900) 0%, var(--color-surface-950) 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}[data-page=login] [data-layer=card]{background:var(--color-surface-800);z-index:1;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:0;width:100%;max-width:384px;padding:36px 34px 28px;display:flex;position:relative;box-shadow:0 18px 48px #00000073}[data-page=login] [data-element=brand]{text-align:center;flex-direction:column;align-items:center;gap:5px;margin-bottom:26px;display:flex}[data-page=login] [data-element=logo]{color:var(--color-surface-50);letter-spacing:-.4px;font-size:24px;font-weight:300}[data-page=login] [data-element=logo] strong{color:var(--color-primary-400);font-weight:700}[data-page=login] [data-element=tagline]{color:var(--color-surface-500);font-size:12px}[data-page=login] [data-element=divider]{background:linear-gradient(90deg,#0000,#ffffff1a 20% 80%,#0000);height:1px;margin-bottom:26px}[data-page=login] [data-element=header]{margin-bottom:22px}[data-page=login] [data-element=header] h1{color:var(--color-surface-50);letter-spacing:-.2px;margin-bottom:4px;font-size:19px;font-weight:600}[data-page=login] [data-element=header] p{color:var(--color-surface-400);font-size:13px}[data-page=login] [data-element=form]{flex-direction:column;gap:14px;display:flex}[data-page=login] [data-element=field]{flex-direction:column;gap:6px;display:flex}[data-page=login] [data-element=field] label{color:var(--color-surface-400);text-transform:uppercase;letter-spacing:.7px;font-size:11px;font-weight:600}[data-page=login] [data-element=field] input{border-radius:var(--radius-base);color:var(--color-surface-50);background:#00000047;border:1px solid #ffffff17;outline:none;width:100%;padding:11px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}[data-page=login] [data-element=field] input:hover{border-color:#ffffff29}[data-page=login] [data-element=field] input:focus{border-color:rgb(var(--color-primary-rgb) / .75);box-shadow:0 0 0 3px rgb(var(--color-primary-rgb) / .14);background:#00000059}[data-page=login] [data-element=field] input::placeholder{color:var(--color-surface-600)}[data-page=login] [data-element=error]{border-radius:var(--radius-base);color:var(--color-error-400);background:#ef44441a;border:1px solid #ef444438;padding:10px 14px;font-size:13px;animation:.35s ease-in-out login-shake}@keyframes login-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}[data-page=login] [data-element=submit]{background:var(--color-primary-500);color:var(--color-surface-950);border-radius:var(--radius-base);cursor:pointer;letter-spacing:.2px;border:none;width:100%;margin-top:6px;padding:11px;font-size:14px;font-weight:700;transition:background .15s,transform .1s;animation:2.6s ease-in-out infinite login-pulse}@keyframes login-pulse{0%,to{box-shadow:0 0 0 0 rgb(var(--color-primary-rgb) / .35)}70%{box-shadow:0 0 0 8px rgb(var(--color-primary-rgb) / 0)}}[data-page=login] [data-element=submit]:hover{background:var(--color-primary-400);box-shadow:0 0 0 4px rgb(var(--color-primary-rgb) / .18);animation-play-state:paused}[data-page=login] [data-element=submit]:active{transform:scale(.99)}[data-page=login] [data-element=version]{text-align:center;letter-spacing:.4px;color:var(--color-surface-600);border-top:1px solid #ffffff0f;margin-top:22px;padding-top:16px;font-size:11px;font-weight:600}@media (width<=480px){[data-page=login] [data-layer=card]{padding:32px 24px 26px}[data-page=login] [data-element=ring-lg]{width:420px;height:420px}[data-page=login] [data-element=ring-md]{width:280px;height:280px}}