.login-shell{--ease:cubic-bezier(.16,1,.3,1);background:radial-gradient(circle at 50% -8%,#d9e7da 0,transparent 34%),var(--bg);max-width:620px;min-height:100dvh;color:var(--text);flex-direction:column;gap:20px;margin:auto;padding:16px;display:flex}.login-header{grid-template-columns:44px 1fr 44px;align-items:center;display:grid}.login-header>a:first-child{width:44px;height:44px;color:var(--muted);border-radius:14px;place-items:center;display:grid}.login-logo{font:700 15px var(--font-display);justify-self:center;align-items:center;gap:8px;display:flex}.login-logo span{background:var(--accent);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.login-panel{animation:login-enter .32s var(--ease) both;margin:auto 0}.login-plan{border:1px solid var(--line);background:var(--surface);border-radius:20px;justify-content:space-between;align-items:center;gap:16px;min-height:82px;padding:16px;display:flex;position:relative;overflow:hidden}.login-grid{pointer-events:none;background-image:linear-gradient(#3e6d500f 1px,#0000 1px),linear-gradient(90deg,#3e6d500f 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.login-plan>:not(.login-grid){position:relative}.login-plan small{letter-spacing:.1em;color:var(--muted);font-size:11px;font-weight:800;display:block}.login-plan b{font:700 19px var(--font-display);margin-top:5px;display:block}.login-plan>span,.login-success-icon{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.login-plan svg{width:19px}.login-kicker{color:var(--accent);letter-spacing:.12em;margin:28px 0 0;font-size:12px;font-weight:800}.login-panel h1,.login-success h1{font:700 clamp(34px,9vw,46px)/1.04 var(--font-display);letter-spacing:-.045em;text-wrap:balance;margin:8px 0 12px}.login-subtitle,.login-success section>p{color:var(--muted);margin:0;font-size:16px;line-height:1.5}.login-panel form{margin-top:28px}.login-panel label{margin-bottom:8px;font-size:13px;font-weight:800;display:block}.login-field{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:center;gap:10px;height:56px;padding:0 14px;transition:border-color .18s,box-shadow .18s;display:flex}.login-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent2)}.login-field.has-error{border-color:var(--danger)}.login-field svg{width:20px;color:var(--muted)}.login-field input{width:100%;min-width:0;color:var(--text);font:500 16px var(--font-body);background:0 0;border:0;outline:0}.login-field input::placeholder{color:#8a968d}.login-error{color:var(--danger);margin:8px 0 0;font-size:13px;font-weight:700}.login-primary{background:var(--accent);color:#fff;width:100%;min-height:54px;font:700 16px var(--font-body);transition:transform .12s var(--ease),background .18s ease;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:14px;display:flex}.login-primary:active{transform:scale(.98)}.login-primary:disabled{background:#9caaa0}.login-primary svg{width:20px}.login-trust{background:var(--sunken);color:var(--muted);border-radius:14px;align-items:flex-start;gap:8px;margin-top:16px;padding:12px 14px;font-size:12px;line-height:1.4;display:flex}.login-trust svg{width:18px;color:var(--accent);flex:none}.login-returning{text-align:center;color:var(--muted);margin:16px 0 0;font-size:12px;line-height:1.45}.login-offline{color:#75450a;background:#fff1dc;border-radius:14px;align-items:center;gap:8px;padding:12px 14px;font-size:13px;display:flex}.login-offline svg{width:18px}.login-success>section{text-align:center;max-width:480px;margin:auto}.login-success-icon{width:64px;height:64px;animation:login-pop .42s var(--ease);margin:0 auto 16px}.login-success-icon svg{width:30px}.login-success-summary{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:16px;gap:10px;margin:24px 0;padding:16px;display:grid}.login-success-summary span{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.login-success-summary svg{width:18px;color:var(--accent)}.login-success .login-text{width:100%;margin-top:6px}.login-text{min-height:40px;color:var(--muted);background:0 0;border:0;font-weight:700}.login-prototype{color:var(--muted);margin:0;font-size:11px!important}@keyframes login-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes login-pop{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}@media (max-width:580px){.login-shell{padding-bottom:28px}.login-panel{margin:auto 0}.login-panel h1{font-size:36px}.login-plan b{font-size:18px}}@media (prefers-reduced-motion:reduce){.login-panel,.login-success-icon{animation:none}}