*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-card: #ffffff;--text-primary: #1f2937;--text-secondary: #4b5563;--text-muted: #6b7280;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-light: rgba(37, 99, 235, .1);--border: #e5e7eb;--shadow: 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .1);--green: #10b981;--red: #ef4444;--orange: #f59e0b;--gradient-start: #2563eb;--gradient-end: #7c3aed;--header-bg: rgba(255, 255, 255, .8);--code-bg: #f3f4f6}[data-theme=dark]{--bg-primary: #0b1120;--bg-secondary: #111827;--bg-card: #1f2937;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--accent: #3b82f6;--accent-hover: #2563eb;--accent-light: rgba(59, 130, 246, .15);--border: #374151;--shadow: 0 4px 6px -2px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .5);--gradient-start: #3b82f6;--gradient-end: #06b6d4;--header-bg: rgba(11, 17, 32, .85);--code-bg: #1e293b}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s,color .3s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width: 768px){.container{padding:0 16px}}.section{padding:96px 0}@media (max-width: 768px){.section{padding:64px 0}}.section-title{font-size:40px;font-weight:800;margin-bottom:16px;letter-spacing:-.02em;line-height:1.2}.section-subtitle{font-size:18px;color:var(--text-secondary);max-width:600px;line-height:1.6;margin:0 auto;text-align:center}@media (max-width: 768px){.section-title{font-size:28px}.section-subtitle{font-size:16px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;border:none;transition:all .2s;font-family:inherit}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb66}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.fade-up{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-up.visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){header nav{position:fixed;top:72px;left:0;right:0;bottom:0;background:var(--bg-primary);flex-direction:column;padding:32px 24px;gap:24px!important;transform:translate(100%);transition:transform .3s ease;z-index:99}header nav[data-open=true]{transform:translate(0)}header .burger{display:flex!important}header nav a.btn{width:100%;text-align:center}}input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-light)!important}.hover-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}