:root{color-scheme:light;--background:#f7f8fb;--foreground:#111827;--muted:#5b6472;--card:#ffffff;--border:#d9dfeb;--accent:#1d4ed8}*{box-sizing:border-box}body,html{padding:0;margin:0;background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.page{min-height:100vh;padding:32px;background:var(--background)}.hero{width:100%;max-width:1180px;margin:0 auto;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:40px;box-shadow:0 10px 30px rgba(17,24,39,.06)}.badge{display:inline-block;margin-bottom:16px;padding:6px 12px;border-radius:999px;background:#dbeafe;color:var(--accent);font-size:14px;font-weight:600}h1{margin:0 0 16px;font-size:40px;line-height:1.1}h1,h2,h3,h4,h5,h6{color:var(--foreground)}p{margin:0;font-size:18px;line-height:1.6;color:var(--muted)}img{max-width:100%;height:auto;display:block}code,pre{font-family:Consolas,Monaco,Courier New,monospace}@media (max-width:900px){.page{padding:24px}.hero{padding:28px}h1{font-size:32px}p{font-size:16px}}@media (max-width:640px){.page{padding:16px}.hero{padding:22px;border-radius:16px}.badge{font-size:13px;padding:6px 10px}h1{font-size:28px;line-height:1.15}p{font-size:15px;line-height:1.55}}