*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--bg-primary:#fff;--bg-secondary:#fafafa;--bg-surface:#fff;--text-primary:#000;--text-secondary:#666;--text-muted:#999;--border-light:#e0e0e0;--border-medium:#ccc;--accent:#000;--accent-hover:#333;--btn-primary-bg:#000;--btn-primary-text:#fff;--btn-secondary-bg:#fff;--btn-secondary-text:#000;--btn-secondary-border:#000;--card-bg:#fff;--card-border:#e0e0e0;--card-shadow:#00000014;--nav-bg:#fff;--nav-border:#e0e0e0;--scrollbar-track:#fff;--scrollbar-thumb:#ccc;--selection-bg:#000;--selection-text:#fff;--code-bg:#f5f5f5;--code-text:#000}[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-surface:#0f0f0f;--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#666;--border-light:#1f1f1f;--border-medium:#333;--accent:#fff;--accent-hover:#e0e0e0;--btn-primary-bg:#fff;--btn-primary-text:#000;--btn-secondary-bg:#0a0a0a;--btn-secondary-text:#fff;--btn-secondary-border:#333;--card-bg:#111;--card-border:#1f1f1f;--card-shadow:#0000004d;--nav-bg:#0a0a0a;--nav-border:#1f1f1f;--scrollbar-track:#0a0a0a;--scrollbar-thumb:#333;--selection-bg:#fff;--selection-text:#000;--code-bg:#1a1a1a;--code-text:#fff}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;transition:background .3s,color .3s}::selection{background:var(--selection-bg);color:var(--selection-text)}a{color:var(--text-primary);text-decoration:none}a:hover{opacity:.7}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 clamp(16px,4vw,24px)}.main-content{min-height:50vh;overflow-x:hidden}img,svg,video{max-width:100%;height:auto}pre,code{-webkit-overflow-scrolling:touch;overflow-x:auto}.section{padding:100px 0}.section-label{text-transform:uppercase;letter-spacing:3px;color:var(--text-secondary);margin-bottom:16px;font-size:12px;font-weight:600}.section-title{letter-spacing:-1px;margin-bottom:16px;font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.1}.section-description{color:var(--text-secondary);max-width:500px;font-size:18px}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:hover{background:var(--accent-hover);color:var(--btn-primary-text);opacity:1}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border)}.btn-secondary:hover{background:var(--btn-primary-bg);color:var(--btn-primary-text);opacity:1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width<=768px){.section{padding:64px 0}.section-title{font-size:clamp(28px,7vw,40px)}.section-description{font-size:16px}.btn{min-height:44px;padding:12px 20px}}@media (width<=480px){.section{padding:48px 0}}