:root{--color-bg: #ffffff;--color-text: #1a1a1a;--color-muted: #666666;--color-border: #e2e2e2;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-card-bg: #f8f8f8;--max-width: 960px;--font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;font-family:var(--font-stack);color:var(--color-text);background:var(--color-bg);min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}code{background:var(--color-card-bg);padding:2px 6px;border-radius:4px;font-size:.9em}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-bottom:1px solid var(--color-border)}.brand{font-weight:700;font-size:20px;color:var(--color-text)}.brand:hover{text-decoration:none}.nav-links{display:flex;align-items:center;gap:20px}.nav-links .cta{background:var(--color-primary);color:#fff;padding:8px 14px;border-radius:6px}.nav-links .cta:hover{background:var(--color-primary-hover);text-decoration:none}.app-main{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:48px 32px}.app-footer{border-top:1px solid var(--color-border);padding:16px 32px;display:flex;justify-content:space-between;align-items:center;color:var(--color-muted);font-size:14px}.btn{display:inline-block;padding:10px 20px;border-radius:6px;font-weight:500;font-size:14px;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);text-decoration:none}.btn-secondary{background:transparent;color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-card-bg);text-decoration:none}.hero h1{font-size:40px;line-height:1.2;margin-bottom:16px}.lede{font-size:18px;color:var(--color-muted);margin-bottom:32px;line-height:1.6}.hero-cta{display:flex;gap:12px;margin-bottom:64px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.feature{padding:24px;border:1px solid var(--color-border);border-radius:8px}.feature h3{margin-top:0;margin-bottom:8px}.feature p{margin:0;color:var(--color-muted);line-height:1.5}.dashboard h1{margin-bottom:8px}.muted{color:var(--color-muted)}.card{margin-top:32px;padding:24px;background:var(--color-card-bg);border-radius:8px}.card h3{margin-top:0}.api-result{margin-top:16px;padding:12px;background:#fff;border:1px solid var(--color-border);border-radius:6px;white-space:pre-wrap;word-break:break-all;font-size:13px}.auth-wrap{display:flex;justify-content:center;padding:24px 0}.legal{max-width:720px;line-height:1.7}.legal h1{margin-bottom:8px}.legal h2{margin-top:32px;margin-bottom:8px}.legal ul{padding-left:22px}.legal li{margin:4px 0}.not-found{text-align:center;padding:64px 0}.not-found h1{font-size:72px;margin:0}