*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#1a1a2e;--accent:#4f46e5;--accent-hover:#4338ca;--text:#374151;--text-light:#6b7280;--bg:#fff;--bg-alt:#f9fafb;--border:#e5e7eb}body{color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{flex-direction:column;min-height:100vh;display:flex}.nav{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:960px;margin:0 auto;padding:16px 24px;display:flex}.logo{color:var(--primary);font-size:20px;font-weight:700;text-decoration:none}.nav-links{gap:24px;display:flex}.nav-links a{color:var(--text-light);font-size:14px}.nav-links a:hover{color:var(--accent);text-decoration:none}main{flex:1}.footer{border-top:1px solid var(--border);text-align:center;color:var(--text-light);padding:24px;font-size:14px}.page{max-width:960px;margin:0 auto;padding:48px 24px}.hero{text-align:center;max-width:640px;margin:0 auto;padding:80px 24px}.hero h1{color:var(--primary);margin-bottom:16px;font-size:48px;font-weight:700;line-height:1.1}.hero p{color:var(--text-light);font-size:18px}.page h1{color:var(--primary);margin-bottom:24px;font-size:32px;font-weight:700}.page h2{color:var(--primary);margin-top:32px;margin-bottom:12px;font-size:22px;font-weight:600}.page p{margin-bottom:16px}.page ul{margin-bottom:16px;padding-left:24px}.page li{margin-bottom:8px}@media (width<=640px){.hero h1{font-size:32px}.nav-inner{flex-direction:column;gap:12px}}