:root{--bg:#F1F2F5;--surface:#fff;--ink:#12151C;--ink-2:#495064;--ink-3:#868DA0;--line:rgba(18,22,32,.15);--accent:#F2581B;--night:#0D0F14;--night-2:#171A21;--night-ink:#ECEEF3;--night-ink-2:#8D93A3;--f-display:"Bricolage Grotesque",system-ui,sans-serif;--f-body:"Geist",system-ui,sans-serif;--f-mono:"Geist Mono",monospace}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{font:400 14px/1.5 var(--f-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}.login{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.login-art{min-height:100vh;min-height:100dvh;background:var(--night);color:var(--night-ink);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:40px max(44px,env(safe-area-inset-left,0px))}.login-art .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);pointer-events:none}.login-art .glow{position:absolute;width:70%;aspect-ratio:1;right:-20%;bottom:-25%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,106,44,.32),transparent);filter:blur(10px);animation:drift 14s ease-in-out infinite;pointer-events:none}@keyframes drift{50%{transform:translate(-8%,-6%) scale(1.08)}}.la-top{position:relative;display:flex;justify-content:space-between;gap:20px;font:500 12px/1 var(--f-mono);letter-spacing:.06em;color:var(--night-ink-2)}.brand{position:relative}.wordmark{font:800 clamp(110px,17vw,260px)/.82 var(--f-display);letter-spacing:-.065em;margin:0;display:flex;align-items:flex-end;white-space:nowrap}.wordmark span{display:inline-block;animation:letter .9s cubic-bezier(.2,.8,.2,1) both}.wordmark span:nth-child(2){animation-delay:.08s}.wordmark span:nth-child(3){animation-delay:.16s}.wordmark .dot{width:.16em;height:.16em;border-radius:50%;background:var(--accent);margin:0 0 .06em .06em;animation:letter .9s cubic-bezier(.2,.8,.2,1) .3s both}@keyframes letter{from{transform:translateY(.2em);opacity:0}}.la-say{position:relative;font:500 15px/1.5 var(--f-body);color:var(--night-ink-2);max-width:42ch;margin:22px 0 0}.la-say strong{color:var(--night-ink);font-weight:500}.la-mods{position:relative;display:flex;gap:8px;flex-wrap:wrap}.la-mods span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--night-2);color:var(--night-ink-2);animation:pulse 10s infinite both}.la-mods span:nth-child(2){animation-delay:1s}.la-mods span:nth-child(3){animation-delay:2s}.la-mods span:nth-child(4){animation-delay:3s}.la-mods span:nth-child(5){animation-delay:4s}.la-mods span:nth-child(6){animation-delay:5s}.la-mods span:nth-child(7){animation-delay:6s}.la-mods span:nth-child(8){animation-delay:7s}.la-mods span:nth-child(9){animation-delay:8s}.la-mods span:nth-child(10){animation-delay:9s}.la-mods span.active{background:var(--accent);color:#140A04;animation:none}.la-mods svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}@keyframes pulse{0%,8%{color:var(--night-ink);background:#262A34}12%,100%{color:var(--night-ink-2);background:var(--night-2)}}.login-form{display:flex;flex-direction:column;justify-content:center;padding:48px max(24px,env(safe-area-inset-right,0px)) 48px max(24px,env(safe-area-inset-left,0px))}.lf{width:100%;max-width:360px;margin:0 auto}.eyebrow{font:500 11.5px/1 var(--f-mono);text-transform:uppercase;letter-spacing:.09em;color:var(--ink-3)}.lf h2{font:650 36px/1.05 var(--f-display);letter-spacing:-.025em;margin:16px 0 10px}.lf p{color:var(--ink-2);margin:0 0 28px}.gbtn-login{width:100%;height:48px;border-radius:12px;background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 2px rgba(18,22,32,.06);display:flex;align-items:center;justify-content:center;gap:12px;font-weight:500;font-size:14.5px;color:var(--ink);text-decoration:none;transition:border-color .12s,box-shadow .12s,transform .12s}.gbtn-login:hover{border-color:#9da4b3;box-shadow:0 10px 28px -10px rgba(18,22,32,.2)}.gbtn-login:active{transform:translateY(1px)}.gbtn-login:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.gmark{width:21px;height:21px}.lf-foot{display:flex;gap:10px;align-items:flex-start;margin-top:28px;padding-top:20px;border-top:1px solid rgba(18,22,32,.08);color:var(--ink-3);font-size:12px;line-height:1.55}.lf-foot svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;margin-top:1px}
@media(max-width:900px){.login{grid-template-columns:1fr}.login-art{min-height:350px;padding:28px 24px;gap:40px}.wordmark{font-size:clamp(100px,22vw,200px)}.la-mods{gap:6px}.la-mods span{width:34px;height:34px}.login-form{padding:56px 24px 72px}.lf{max-width:420px}}
@media(max-width:480px){.login-art{min-height:320px;gap:32px}.la-top{font-size:10px}.wordmark{font-size:clamp(90px,25vw,150px)}.la-say{font-size:13px}.la-mods span{width:30px;height:30px;border-radius:9px}.la-mods svg{width:16px;height:16px}.lf h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}