.login{--surface-main:var(--surface-page);--surface-subtle:var(--gray-2);--surface-panel:var(--surface-card);--surface-dark:var(--gray-9);--surface-darker:var(--gray-10);--ink:var(--text-1);--ink-muted:var(--text-2);--ink-soft:var(--text-3);--text-light:oklch(97% 0.006 235);--text-light-muted:oklch(78% 0.012 235);--accent-strong:var(--blue-strong);--support:var(--ok);--warning:var(--yellow-deep);--risk:var(--red);--radius:8px;--radius-small:6px;--shadow:var(--shadow-overlay);--shadow-soft:var(--shadow-raised);--space-xs:0.5rem;--space-s:0.75rem;--space-m:1rem;--space-l:1.5rem;--space-xl:2rem;--space-xxl:3rem}.login h1,.login h2,.login h3{color:var(--ink);letter-spacing:0;line-height:1.02}.login .eyebrow,.login h1,.login h2,.login h3{font-family:var(--font-heading);font-weight:800}.login .eyebrow{color:var(--accent-strong);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.login{display:grid;grid-template-columns:1fr;min-block-size:100vh}.login__aside{display:none}.login__main{align-items:center;display:flex;justify-content:center;padding:clamp(1.5rem,5vw,4rem)}.login__card{display:grid;gap:var(--space-l);inline-size:min(26rem,100%)}.login__brand{align-items:center;display:inline-flex;gap:var(--space-s);margin-block-end:var(--space-s);text-decoration:none}.login__brand img{block-size:2.1rem;inline-size:2.1rem}.login__brand span{color:var(--ink);font-family:var(--font-heading);font-size:1.2rem;font-weight:800;line-height:1}.login__head{display:grid;gap:var(--space-s)}.login__head h1{font-size:clamp(2rem,3.6vw,2.6rem);line-height:1.04;max-inline-size:none}.login__head p{color:var(--ink-muted);font-size:1rem}.login__social{display:grid;gap:var(--space-s);grid-template-columns:1fr 1fr}.login__social button{align-items:center;background:var(--surface-panel);border:1px solid var(--line-strong);border-radius:var(--radius-small);color:var(--ink);cursor:pointer;display:inline-flex;font:var(--text-label);gap:var(--space-xs);justify-content:center;min-block-size:2.9rem;padding:0 var(--space-s);transition:background-color .16s ease-out,border-color .16s ease-out}.login__social button:hover{background:var(--accent-soft);border-color:var(--accent)}.login__social svg{block-size:1.05rem;inline-size:1.05rem}.login__divider{align-items:center;color:var(--ink-soft);display:grid;font:var(--text-small);gap:var(--space-m);grid-template-columns:1fr auto 1fr}.login__divider:after,.login__divider:before{background:var(--line);block-size:1px;content:""}.login__field{display:grid;gap:var(--space-xs)}.login__field label{color:var(--ink);font:var(--text-label)}.login__field label i{color:var(--risk);font-style:normal}.login__field input{background:var(--surface-main);border:1px solid var(--line-strong);border-radius:var(--radius-small);color:var(--ink);font:400 1rem/1.4 var(--font-body);min-block-size:2.9rem;padding:.75rem .9rem;transition:border-color .16s ease-out,box-shadow .16s ease-out;inline-size:100%}.login__field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.login__field input::placeholder{color:var(--ink-soft)}.login__row{align-items:center;display:flex;justify-content:space-between;gap:var(--space-m)}.login__remember{align-items:center;color:var(--ink-muted);cursor:pointer;display:inline-flex;font-size:.9rem;gap:var(--space-xs)}.login__remember input{accent-color:var(--accent);block-size:1.05rem;inline-size:1.05rem}.login__forgot{color:var(--accent-strong);font:var(--text-label);text-decoration:none}.login__forgot:hover{text-decoration:underline}.login__submit{background:var(--ink);border:none;border-radius:var(--radius-small);color:oklch(99% .004 235);cursor:pointer;font-family:var(--font-heading);font-weight:800;min-block-size:3.1rem;transition:background-color .16s ease-out,transform .16s ease-out}.login__submit:hover{background:var(--gray-8);transform:translateY(-1px)}.login__submit:disabled{cursor:progress;opacity:.7;transform:none}.login__error{color:var(--risk);font:var(--text-small);min-block-size:1.1rem}.login__foot{color:var(--ink-muted);font-size:.95rem;text-align:center}.login__foot a{color:var(--ink);font-family:var(--font-heading);font-weight:800;text-decoration:none}.login__foot a:hover{color:var(--accent-strong)}.login__hint{background:var(--accent-soft);border:1px solid oklch(78% .04 262);border-radius:var(--radius-small);color:var(--ink-muted);font:var(--text-small);padding:var(--space-s) var(--space-m)}.login__hint strong{color:var(--ink);font-family:var(--font-heading)}.login__aside{background:linear-gradient(155deg,var(--blue) 0,var(--blue-strong) 62%,var(--gray-10) 100%);overflow:hidden;padding:clamp(2rem,4vw,3.5rem);position:relative}.login__aside:after{background:radial-gradient(circle at 78% 18%,oklch(100% 0 0/16%),transparent 42%);content:"";inset:0;position:absolute}.login__panel-copy{display:grid;gap:var(--space-m);position:relative;z-index:1}.login__panel-copy .eyebrow{color:oklch(85% .09 90)}.login__panel-copy h2{color:#fff;font-size:clamp(1.9rem,2.6vw,2.6rem);max-inline-size:16ch}.login__panel-copy p{color:oklch(88% .03 262);max-inline-size:40ch}.login__mock{background:var(--surface-card);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;gap:var(--space-l);margin-block-start:clamp(2rem,4vw,3rem);padding:var(--space-l);position:relative;z-index:1}.login__mock-top{align-items:center;display:flex;justify-content:space-between}.login__mock-badge{align-items:center;background:var(--surface-subtle);border:1px solid var(--line);border-radius:999px;color:var(--ink-muted);display:inline-flex;font:var(--text-small);gap:var(--space-xs);padding:.4rem .8rem}.login__mock-stat{align-items:baseline;display:flex;gap:var(--space-s)}.login__mock-stat strong{color:var(--ink);font:var(--text-display);font-size:2.4rem}.login__mock-stat span{background:var(--ok-soft);border-radius:999px;color:var(--ok-text);font:var(--text-label);padding:.25rem .55rem}.login__bars{align-items:end;display:grid;gap:var(--space-s);grid-template-columns:repeat(5,1fr);block-size:8.5rem}.login__bars i{background:var(--accent-soft);border-radius:6px 6px 0 0;display:block}.login__bars i:first-child{block-size:32%}.login__bars i:nth-child(2){block-size:54%}.login__bars i:nth-child(3){block-size:46%}.login__bars i:nth-child(4){block-size:76%}.login__bars i:nth-child(5){background:var(--accent);block-size:100%}@media (min-width:900px){.login{grid-template-columns:1.05fr .95fr}.login__aside{align-content:center;display:grid}}@media (prefers-reduced-motion:no-preference){.login__bars i{animation:login-rise .7s cubic-bezier(.22,1,.36,1) both;transform-origin:bottom}.login__bars i:nth-child(2){animation-delay:80ms}.login__bars i:nth-child(3){animation-delay:.16s}.login__bars i:nth-child(4){animation-delay:.24s}.login__bars i:nth-child(5){animation-delay:.32s}@keyframes login-rise{0%{transform:scaleY(0)}to{transform:scaleY(1)}}}