*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0B0B0B;--bg-secondary: #111111;--bg-surface: #181818;--bg-elevated: #1E1E1E;--accent: #2563EB;--accent-hover: #3B82F6;--text-primary: #F5F5F5;--text-secondary: #9CA3AF;--text-tertiary: #6B7280;--border: #2A2A2A;--border-hover: #3A3A3A;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--max-width: 1120px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", monospace}html{scroll-behavior:smooth;scroll-padding-top:72px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}ul,ol{list-style:none}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:120px 0}.section-header{margin-bottom:64px}.section-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--accent);margin-bottom:12px}.section-title{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--text-primary)}.section-subtitle{font-size:1rem;color:var(--text-secondary);max-width:560px;line-height:1.7;margin-top:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;transition:all .2s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--text-primary)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s ease}.card:hover{border-color:var(--border-hover)}@media(max-width:768px){.section{padding:80px 0}.container{padding:0 16px}}