@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600&display=swap");:root{--font-inter:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"JetBrains Mono","SF Mono",Monaco,"Inconsolata","Roboto Mono","Source Code Pro","Menlo","Courier New",monospace;--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-tertiary:#1a1a1a;--bg-card:#151515;--bg-card-hover:#1f1f1f;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent-primary:#3b82f6;--accent-secondary:#8b5cf6;--accent-gradient:linear-gradient(135deg,#3b82f6,#8b5cf6);--border-primary:#27272a;--border-secondary:#3f3f46;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--transition-fast:0.15s ease-in-out;--transition-normal:0.3s ease-in-out;--transition-slow:0.5s ease-in-out;--container-padding:1rem;--section-padding:4rem 0;--border-radius:0.75rem;--border-radius-lg:1rem}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-card:#fff;--bg-card-hover:#f8fafc;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border-primary:#e2e8f0;--border-secondary:#cbd5e1;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-inter);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:.5rem}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em}h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.01em}h3{font-size:clamp(1.5rem,3vw,2rem)}h3,h4{font-weight:600}h4{font-size:clamp(1.25rem,2.5vw,1.5rem)}p{margin-bottom:1rem;color:var(--text-secondary)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}code{font-family:var(--font-mono);background-color:var(--bg-tertiary);padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem}.container{max-width:1200px}.container,.container-wide{margin:0 auto;padding:0 var(--container-padding)}.container-wide{max-width:1400px}.section{padding:var(--section-padding)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;position:relative;overflow:hidden}.btn-primary{background:var(--accent-gradient);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:transparent;border:2px solid var(--border-primary);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.btn-ghost{background-color:transparent;color:var(--text-secondary);padding:.5rem 1rem}.btn-ghost:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.card{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--border-radius-lg);padding:1.5rem;transition:all var(--transition-normal)}.card:hover{background-color:var(--bg-card-hover);border-color:var(--border-secondary);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-8{gap:2rem}.text-center{text-align:center}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fade-in{opacity:0;animation:fadeIn .6s ease-out forwards}.slide-up{opacity:0;transform:translateY(30px);animation:slideUp .6s ease-out forwards}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.theme-toggle{position:fixed;bottom:1rem;right:1rem;z-index:1000;width:48px;height:48px;border-radius:50%;background-color:var(--bg-card);border:1px solid var(--border-primary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.theme-toggle:hover{background-color:var(--bg-card-hover);transform:scale(1.1)}@media (max-width:768px){:root{--container-padding:1rem;--section-padding:3rem 0}.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){:root{--container-padding:0.75rem;--section-padding:2rem 0}.grid-4{grid-template-columns:1fr}}