*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #ff6b35;--primary-dark: #e85a2a;--primary-light: #ff8c5f;--secondary: #f7931e;--bg-main: #ffffff;--bg-subtle: #f8fafc;--bg-card: #ffffff;--bg-code: #1e293b;--text-primary: #232323;--text-secondary: #6b7280;--text-muted: #9ca3af;--border: #e5e7eb;--border-light: #f3f4f6;--gradient-bar: linear-gradient(90deg, #ff8c5f 0%, #ff6b35 50%, #f7931e 100%);--gradient-accent: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);--container-max: 1100px;--section-padding: 5rem 2rem;--section-padding-mobile: 3.5rem 1.25rem;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: Georgia, "Times New Roman", serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", monospace}html{scroll-behavior:smooth}html,body{overflow-x:hidden;max-width:100%}body{font-family:var(--font-sans);background:var(--bg-main);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";display:block;height:6px;background:var(--gradient-bar);position:fixed;top:0;left:0;right:0;z-index:1000}.container{max-width:var(--container-max);margin:0 auto;padding:0 1.5rem}@media(max-width:480px){.container{padding:0 1rem}}.section-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}@media(max-width:768px){.section-title{font-size:1.875rem}}.section-intro{font-family:var(--font-serif);font-style:italic;color:var(--text-secondary);font-size:1.125rem;margin-bottom:.5rem}a{color:var(--primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-dark);text-decoration:underline}code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-subtle);padding:.2em .4em;border-radius:4px;color:var(--primary-dark)}pre{font-family:var(--font-mono);background:var(--bg-code);color:#e2e8f0;padding:1.5rem;border-radius:8px;overflow-x:auto}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;font-size:1rem;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);text-decoration:none;transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);text-decoration:none}body.loading{opacity:0}body{opacity:1;transition:opacity .3s ease}@media(hover:none)and (pointer:coarse){.btn,button,a.btn{min-height:44px}}