:root{--color-primary: #3B82F6;--color-primary-dark: #2563EB;--color-accent: #FF828B;--color-gradient-start: #FF828B;--color-gradient-end: #3B82F6;--color-bg: #FAFAFA;--color-surface: #FFFFFF;--color-text: #0A0A0F;--color-text-secondary: #6B7280;--color-border: #E5E7EB;--color-border-light: #F3F4F6;--color-cta: #0A0A0F;--color-cta-text: #FFFFFF;--color-cta-hover: #1F2937;--header-bg: rgba(255, 255, 255, .95);--logo-filter: none;--font-heading: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Lato", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "SF Mono", SFMono-Regular, Consolas, monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--max-width: 1200px;--content-width: 760px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px}[data-theme=dark]{--color-bg: #0A0A0F;--color-surface: #16161D;--color-text: #F9FAFB;--color-text-secondary: #9CA3AF;--color-border: #2D2D3A;--color-border-light: #1F1F2A;--color-cta: #FFFFFF;--color-cta-text: #0A0A0F;--color-cta-hover: #E5E7EB;--header-bg: rgba(10, 10, 15, .95);--logo-filter: brightness(0) invert(1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:1rem;line-height:1.7;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:#fff;padding:var(--space-sm) var(--space-md);z-index:100;transition:top .2s}.skip-link:focus{top:0}.site-header{background:var(--header-bg);border-bottom:1px solid var(--color-border-light);padding:.875rem var(--space-xl);position:sticky;top:0;z-index:50;backdrop-filter:blur(8px);transition:background .3s ease,border-color .3s ease}.nav-container{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.logo-link{display:flex;align-items:center;text-decoration:none}.logo{height:32px;width:auto;filter:var(--logo-filter);transition:filter .3s ease}.nav-actions{display:flex;gap:.75rem;align-items:center}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all .2s ease}.theme-toggle:hover{border-color:var(--color-text-secondary);background:var(--color-bg)}.theme-toggle .icon-sun{display:block}.theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun{display:none}[data-theme=dark] .theme-toggle .icon-moon{display:block}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:var(--radius-full);font-family:var(--font-heading);font-weight:600;font-size:.875rem;text-decoration:none;transition:all .2s ease;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--color-cta);color:var(--color-cta-text);border-color:var(--color-cta)}.btn-primary:hover{background:var(--color-cta-hover);border-color:var(--color-cta-hover)}.btn-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border);position:relative}.btn-secondary:hover{border-color:var(--color-text-secondary)}.btn-gradient{background:var(--color-surface);color:var(--color-text);position:relative;border:none;padding:.6875rem 1.3125rem}.btn-gradient:before{content:"";position:absolute;inset:0;border-radius:var(--radius-full);padding:1px;background:linear-gradient(135deg,var(--color-gradient-start),var(--color-gradient-end));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.btn-gradient:hover{background:var(--color-bg)}main{min-height:calc(100vh - 200px)}.site-footer{background:var(--color-surface);border-top:1px solid var(--color-border-light);padding:var(--space-lg) var(--space-xl);text-align:center;color:var(--color-text-secondary);font-size:.8125rem;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.site-footer a{color:var(--color-text-secondary);text-decoration:underline;text-underline-offset:2px}.site-footer a:hover{color:var(--color-text)}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-md);font-family:var(--font-heading);line-height:1.25;font-weight:500;letter-spacing:-.01em;color:var(--color-text)}h1{font-size:2.25rem;font-weight:500;letter-spacing:-.02em}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}p{margin:0 0 var(--space-md);line-height:1.7}a{color:var(--color-primary);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-primary-dark)}@media(max-width:768px){.site-header{padding:var(--space-md)}.nav-actions{gap:var(--space-sm)}.btn{padding:var(--space-xs) var(--space-md);font-size:.875rem}h1{font-size:1.75rem}h2{font-size:1.375rem}}