:root{--login-blue: #007aff;--login-blue-dark: #005fca;--login-ink: #101828;--login-muted: #667085;--login-line: rgba(15, 23, 42, .1)}body{min-height:100vh;color:var(--login-ink);background:#f7faff;font-family:Segoe UI Variable Text,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.login-shell{display:grid;min-height:100vh;grid-template-columns:minmax(380px,.9fr) minmax(520px,1.1fr)}.login-story{position:relative;display:flex;min-height:100vh;padding:46px clamp(40px,5vw,82px) 58px;overflow:hidden;flex-direction:column;color:#fff;background:radial-gradient(circle at 20% 14%,rgba(255,255,255,.2),transparent 18rem),linear-gradient(145deg,#0a84ff,#007aff 52%,#0057ba);animation:login-story-in .72s cubic-bezier(.22,1,.36,1) both}.login-story:before{position:absolute;inset:0;opacity:.34;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:linear-gradient(135deg,#000,transparent 72%);mask-image:linear-gradient(135deg,#000,transparent 72%);content:"";pointer-events:none}.story-logo,.story-copy{position:relative}.story-logo{display:inline-flex;width:-moz-fit-content;width:fit-content;transition:opacity .15s ease;animation:login-drop-in .62s .11s cubic-bezier(.22,1,.36,1) both}.story-logo:hover{opacity:.82}.story-logo img{width:auto;height:43px;filter:brightness(0) invert(1)}.story-copy{max-width:570px;margin:clamp(105px,14vh,185px) 0 0;animation:login-rise-in 748ms 198ms cubic-bezier(.22,1,.36,1) both}.story-kicker{display:inline-flex;align-items:center;gap:9px;color:#ffffffc2;font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.story-kicker:before{width:24px;height:2px;border-radius:999px;background:currentColor;content:""}.story-copy h1{margin:18px 0 19px;font-size:clamp(3.1rem,5vw,5.8rem);font-weight:750;letter-spacing:-.065em;line-height:.96}.story-copy p{max-width:500px;color:#ffffffc2;font-size:1.02rem;line-height:1.72}.login-panel{position:relative;display:flex;min-height:100vh;padding:36px clamp(28px,6vw,96px) 52px;flex-direction:column;background:radial-gradient(circle at 88% 10%,rgba(0,122,255,.08),transparent 24rem),#f9fbff}.panel-top{display:flex;align-items:center;justify-content:flex-end;gap:13px;color:var(--login-muted);font-size:.82rem;animation:login-drop-in .62s .11s cubic-bezier(.22,1,.36,1) both}.panel-top a{display:inline-flex;min-height:39px;padding:0 15px;align-items:center;border:1px solid rgba(0,122,255,.18);border-radius:10px;color:var(--login-blue);background:#fffc;font-weight:700;transition:background .15s ease,border-color .15s ease}.panel-top a:hover{border-color:#007aff57;background:#fff}.login-card{width:min(100%,520px);margin:auto;padding:clamp(36px,4.5vw,54px);border:1px solid var(--login-line);border-radius:24px;background:#ffffffeb;box-shadow:0 28px 70px #0f172a1f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:login-card-in .77s 165ms cubic-bezier(.22,1,.36,1) both}.mobile-logo{display:none;width:-moz-fit-content;width:fit-content;margin-bottom:32px}.mobile-logo img{width:auto;height:45px}.login-heading span{color:var(--login-blue);font-size:.69rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.login-heading{text-align:center;animation:login-rise-in .66s 286ms cubic-bezier(.22,1,.36,1) both}.login-heading h2{margin:9px 0 8px;font-size:clamp(2.45rem,3.6vw,3.2rem);font-weight:750;letter-spacing:-.045em;line-height:1.05}.login-heading p{color:var(--login-muted);font-size:.9rem;line-height:1.55}#login-form{display:grid;margin-top:30px;gap:20px;animation:login-rise-in .66s 374ms cubic-bezier(.22,1,.36,1) both}.field-group{display:grid;gap:8px}.field-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.field-group label{color:#344054;font-size:.8rem;font-weight:700}.field-group input{width:100%;min-height:55px;padding:0 16px;border:1px solid rgba(15,23,42,.13);border-radius:11px;color:var(--login-ink);background:#fff;outline:none;font-size:.98rem;transition:border-color .15s ease,box-shadow .15s ease}.field-group input:focus{border-color:var(--login-blue);box-shadow:0 0 0 4px #007aff1f}.forgot-link{color:var(--login-blue);font-size:.75rem;font-weight:700}.forgot-link:hover{text-decoration:underline}.login-status{display:none;padding:11px 12px;border:1px solid rgba(220,38,38,.15);border-radius:10px;color:#b42318;background:#fff5f5;font-size:.78rem;line-height:1.45}.login-status.is-visible{display:block}.login-submit{display:inline-flex;min-height:56px;align-items:center;justify-content:center;border:1px solid var(--login-blue);border-radius:11px;color:#fff;background:var(--login-blue);box-shadow:0 12px 26px #007aff38;font-size:.95rem;font-weight:750;transition:background .15s ease,transform .12s ease,opacity .15s ease}.login-submit:hover:not(:disabled){background:var(--login-blue-dark)}.login-submit:active:not(:disabled){transform:scale(.985)}.login-submit:disabled{cursor:wait;opacity:.66}.login-footer{margin-top:27px;padding-top:22px;border-top:1px solid var(--login-line);color:var(--login-muted);text-align:center;font-size:.8rem;animation:login-rise-in .66s 462ms cubic-bezier(.22,1,.36,1) both}.login-footer a{color:var(--login-blue);font-weight:750}@media(max-width:920px){.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-panel{padding:24px 22px 70px}.panel-top{min-height:42px}.login-card{margin:clamp(40px,10vh,90px) auto auto}.mobile-logo{display:inline-flex}}@media(max-width:480px){.panel-top span{display:none}.login-card{padding:27px 22px;border-radius:20px}}@keyframes login-story-in{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes login-drop-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes login-rise-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes login-card-in{0%{opacity:0;transform:translateY(22px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.login-story,.story-logo,.story-copy,.panel-top,.login-card,.login-heading,#login-form,.login-footer{animation:none}.login-submit,.panel-top a{transition:none}}