:root{color-scheme:dark;--color-bg: #0a0e14;--color-bg-glow: #1a2a3a;--color-surface: rgba(255, 255, 255, .05);--color-surface-hover: rgba(255, 255, 255, .1);--color-surface-strong: rgba(0, 0, 0, .92);--color-border: rgba(255, 255, 255, .2);--color-text: #eee;--color-text-muted: #999;--color-error-text: #ff8080;--color-input-bg: rgba(255, 255, 255, .08);--color-accent: #3399ff;--color-accent-hover: #2b82d9;--color-success: #1f7a3a;--color-success-text: #a8ffbf;--color-danger: #7a1f1f;--color-danger-text: #ffaaaa;--color-warning: #7a6a1f;--color-warning-text: #ffe58a;--color-neutral: #444;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 12px;--radius-pill: 10px}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){color-scheme:light;--color-bg: #f4f6f9;--color-bg-glow: #d8e6f5;--color-surface: rgba(0, 0, 0, .035);--color-surface-hover: rgba(0, 0, 0, .07);--color-surface-strong: rgba(255, 255, 255, .97);--color-border: rgba(0, 0, 0, .15);--color-text: #1a1f26;--color-text-muted: #5b6472;--color-error-text: #c62828;--color-input-bg: rgba(0, 0, 0, .045);--color-accent: #2b82d9;--color-accent-hover: #1f6cb8}}:root[data-theme=light]{color-scheme:light;--color-bg: #f4f6f9;--color-bg-glow: #d8e6f5;--color-surface: rgba(0, 0, 0, .035);--color-surface-hover: rgba(0, 0, 0, .07);--color-surface-strong: rgba(255, 255, 255, .97);--color-border: rgba(0, 0, 0, .15);--color-text: #1a1f26;--color-text-muted: #5b6472;--color-error-text: #c62828;--color-input-bg: rgba(0, 0, 0, .045);--color-accent: #2b82d9;--color-accent-hover: #1f6cb8}*{box-sizing:border-box}.hidden{display:none!important}body{margin:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at 50% 20%,var(--color-bg-glow),var(--color-bg) 70%);color:var(--color-text);touch-action:pan-x pan-y}a{color:var(--color-accent)}.card{background:var(--color-surface);border:1px solid var(--color-surface-hover);border-radius:var(--radius-lg);padding:24px;box-shadow:0 12px 40px #0000002e}button{border:none;border-radius:var(--radius-md);font-size:14px;cursor:pointer}.primary{background:var(--color-accent);color:#fff;padding:10px 20px}.primary:hover{background:var(--color-accent-hover)}.secondary{background:var(--color-surface-hover);color:var(--color-text);padding:10px 20px}#nav{display:flex;align-items:center;gap:24px;max-width:960px;margin:0 auto;padding:20px 24px}.nav-logo{display:flex;align-items:center;text-decoration:none}.nav-logo img{display:block;height:46px;width:auto;filter:invert(1)}@media (prefers-color-scheme: light){:root:not([data-theme=dark]) .nav-logo img{filter:none}}:root[data-theme=light] .nav-logo img{filter:none}:root[data-theme=dark] .nav-logo img{filter:invert(1)}.nav-links-row{display:flex;gap:20px;flex:1}.nav-links-row a{color:var(--color-text-muted);text-decoration:none;font-size:14px}.nav-links-row a:hover,.nav-links-row a[aria-current=page]{color:var(--color-text)}.nav-right a{text-decoration:none;font-size:14px}.nav-signin{background:var(--color-accent);color:#fff!important;padding:8px 16px;border-radius:var(--radius-md)}.nav-signin:hover{background:var(--color-accent-hover)}.nav-account{color:var(--color-text-muted)!important}@media (max-width: 640px){#nav{flex-wrap:wrap;gap:12px;padding:16px 76px 16px 20px}.nav-links-row{order:3;flex-basis:100%;gap:16px}}#theme-toggle{position:fixed;top:16px;right:16px;width:40px;height:40px;border-radius:20px;border:none;background:var(--color-surface-hover);color:var(--color-text);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.page-content{width:100%;max-width:720px;margin:0 auto;padding:40px 24px 80px}.page-content h1{font-size:34px;font-weight:700;letter-spacing:-.02em;margin:0 0 12px;text-align:center}.page-content .lede{color:var(--color-text-muted);font-size:17px;line-height:1.6;margin:0 0 32px;text-align:center}.page-content section{margin-bottom:40px}.page-content h2{font-size:22px;margin:0 0 12px;text-align:center}.page-content p{line-height:1.7;color:var(--color-text)}footer{max-width:960px;margin:0 auto;padding:24px;text-align:center;color:var(--color-text-muted);font-size:13px}footer a{color:var(--color-text-muted)}
