:root{--color-background:#fff;--color-foreground:#0a0a0a;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-secondary:#64748b;--color-border:#e2e8f0;--color-card-bg:#f8fafc;--color-accent:#0ea5e9;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--container-max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-foreground);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-sm);font-weight:600;line-height:1.2}h1{font-size:3rem;font-weight:700}h2{font-size:2.25rem}h3{font-size:1.875rem}h4{font-size:1.5rem}p{margin-bottom:var(--spacing-sm)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}section{padding:var(--spacing-2xl)var(--spacing-md);max-width:var(--container-max-width);margin:0 auto}.container{max-width:var(--container-max-width);padding:0 var(--spacing-md);margin:0 auto}.section-title{margin-bottom:var(--spacing-lg);text-align:center;padding-bottom:var(--spacing-sm);font-size:2.5rem;font-weight:700;position:relative}.section-title:after{content:"";background:linear-gradient(to right,var(--color-primary),var(--color-accent));border-radius:2px;width:60px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}section{padding:var(--spacing-xl)var(--spacing-sm)}.section-title{font-size:2rem}}