.login-page{place-items:center;min-height:calc(100vh - 72px);padding:clamp(32px,7vh,76px) 24px;display:grid}.login-layout{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);width:min(100%,1060px);box-shadow:var(--shadow-md);grid-template-columns:minmax(0,1.12fr) minmax(350px,440px);align-items:stretch;display:grid;overflow:hidden}.login-story{background:radial-gradient(circle at 86% 16%, #1e5e4e1f, transparent 38%), linear-gradient(155deg, var(--surface-subtle), var(--bg));border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;gap:28px;min-height:490px;padding:clamp(32px,4.8vw,56px);display:flex;position:relative}.login-kicker,.login-story-rule,.login-card-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);align-items:center;gap:9px;font-size:11px;font-weight:600;display:flex}.login-kicker-dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.login-story-title{font-family:var(--font-serif);letter-spacing:-.04em;color:var(--text);margin:22px 0 14px;font-size:clamp(2.1rem,3.5vw,3.1rem);font-weight:650;line-height:1.22}.login-story-title em{color:var(--accent);font-style:normal}.login-story-copy{max-width:44ch;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.75}.login-story-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:auto;display:grid}.login-story-spec{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);gap:4px;padding:12px 14px;display:grid}.login-story-spec span{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-muted);font-size:10px}.login-story-spec strong{color:var(--text);font-size:12.5px;font-weight:600;line-height:1.45}.login-story-rule{border-top:1px solid var(--line);justify-content:space-between;padding-top:16px}.login-story-rule span:first-child{color:var(--accent)}.login-card{align-self:center;padding:clamp(28px,4.2vw,48px)}.login-card-heading{margin-bottom:24px}.login-card-label{color:var(--accent);margin-bottom:10px}.login-card h1{font-family:var(--font-serif);letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(1.65rem,2.6vw,2.1rem)}.login-card-heading p{color:var(--text-secondary);margin:0;font-size:13.5px;line-height:1.7}.login-notice{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);min-height:48px;color:var(--text-secondary);align-items:flex-start;gap:10px;margin:0 0 16px;padding:12px 14px;font-size:12.5px;line-height:1.55;display:flex}.login-notice-mark{background:var(--accent);border-radius:50%;flex:0 0 8px;width:8px;height:8px;margin-top:5px}.login-notice[data-state=loading] .login-notice-mark{animation:1.2s ease-in-out infinite login-pulse}.login-notice[data-state=error]{border-color:color-mix(in srgb, var(--Warm,#b85a3a) 45%, var(--line))}.login-notice[data-state=error] .login-notice-mark{background:var(--warm)}@keyframes login-pulse{50%{opacity:.35;transform:scale(.8)}}.github-login-button{border:1px solid var(--text);border-radius:var(--radius-sm);background:var(--text);min-height:50px;color:var(--bg);transition:transform var(--duration-fast) ease, background var(--duration-fast) ease, border-color var(--duration-fast) ease;grid-template-columns:30px 1fr 18px;align-items:center;gap:12px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;display:grid}.github-login-button:hover{color:var(--bg);background:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.github-mark{width:28px;height:28px;font-family:var(--font-mono);background:#ffffff24;border-radius:6px;place-items:center;font-size:10px;display:grid}.github-login-arrow{justify-self:end;font-size:16px}.login-security-note{color:var(--text-muted);gap:10px;margin-top:16px;font-size:11.5px;line-height:1.65;display:flex}.login-lock{color:var(--accent);font-size:16px;line-height:1.2}.login-back-links{border-top:1px solid var(--line-subtle);justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding-top:16px;display:flex}.login-back-link{color:var(--text-secondary);font-size:12.5px;font-weight:500;text-decoration:none}.login-back-link:hover{color:var(--accent)}@media (width<=820px){.login-page{min-height:calc(100vh - 64px);padding:24px 16px 44px}.login-layout{grid-template-columns:1fr;width:min(100%,540px)}.login-story{border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding:26px 24px}.login-story-specs{grid-template-columns:1fr}.login-story-rule{display:none}.login-card{padding:26px 24px 30px}}@media (prefers-reduced-motion:reduce){.login-notice-mark{animation:none!important}}