@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--background:#fff;--foreground:#09090b;--muted-1:#52525b;--muted-2:#71717a;--secondary:#e4e4e7;--secondary-hover:#d4d4d8;--card-bg:#ffffffbf;--card-border:#e4e4e7cc;--button:#09090b;--button-text:#fff;--button-hover:#18181b;--accent-1:#4f46e5;--accent-2:#6366f1;--accent-3:#818cf8;--accent-glow:#6366f126;--bg-primary:var(--background);--bg-surface:var(--card-bg);--bg-card:var(--card-bg);--text-primary:var(--foreground);--text-secondary:var(--muted-1);--text-muted:var(--muted-2);--border-subtle:var(--secondary);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", Consolas, monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}.dark{--background:#050505;--foreground:#fafafa;--muted-1:#a1a1aa;--muted-2:#71717a;--secondary:#1f1f23;--secondary-hover:#27272a;--card-bg:#121216a6;--card-border:#ffffff14;--button:#fff;--button-text:#050505;--button-hover:#f4f4f5;--accent-1:#6366f1;--accent-2:#818cf8;--accent-3:#c7d2fe;--accent-glow:#6366f138;--bg-primary:var(--background);--bg-surface:var(--card-bg);--bg-card:var(--card-bg);--text-primary:var(--foreground);--text-secondary:var(--muted-1);--text-muted:var(--muted-2);--border-subtle:var(--secondary)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:var(--foreground);font-weight:500}p{color:var(--muted-2);line-height:1.65}a,button,select,input[type=button],input[type=submit],[role=button]{cursor:pointer}a{color:inherit;transition:color .2s,opacity .2s}:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px;border-radius:var(--radius-sm)}.grid-bg{background-image:linear-gradient(to right, var(--secondary) 1px, transparent 1px), linear-gradient(to bottom, var(--secondary) 1px, transparent 1px);opacity:.25;pointer-events:none;z-index:0;background-size:48px 48px;position:fixed;inset:0}.dark .grid-bg{opacity:.15}.ambient-glow{background:var(--accent-1);opacity:.22;filter:blur(120px);pointer-events:none;z-index:0;border-radius:9999px;position:absolute}.gradient-text{background:linear-gradient(135deg, var(--foreground) 30%, var(--accent-2) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.overflow-x-clip{overflow-x:clip}@media (width>=869px){.mobile-only{display:none!important}.desktop-only{display:flex!important}}@media (width<=868px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}.glass-card{-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid var(--secondary);border-radius:var(--radius-lg);will-change:transform;background:#ffffffb3;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px -2px #00000008,0 1px 3px #00000005}.dark .glass-card{background:#121216a6;border-color:#ffffff14;box-shadow:0 10px 30px -10px #00000080,0 1px 2px #ffffff0d}.glass-card:hover{border-color:var(--accent-3);box-shadow:0 16px 40px -12px var(--accent-glow);transform:translateY(-2px)}.btn-primary{border-radius:var(--radius-md);background-color:var(--button);min-height:44px;color:var(--button-text);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:.92rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #00000014}.btn-primary:hover{opacity:.92;transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.btn-primary:active{transform:scale(.98)translateY(0)}.btn-secondary{border-radius:var(--radius-md);min-height:44px;color:var(--foreground);border:1px solid var(--secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:.92rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-secondary:hover{background-color:var(--secondary);border-color:var(--secondary-hover);transform:translateY(-2px)}.btn-secondary:active{transform:scale(.98)translateY(0)}.btn-ghost{border-radius:var(--radius-md);min-width:44px;min-height:44px;color:var(--foreground);border:1px solid var(--secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-ghost:hover{background-color:var(--secondary);border-color:var(--secondary-hover);transform:translateY(-2px)}.btn-ghost:active{transform:scale(.96)translateY(0)}.mono-badge{font-family:var(--font-mono);letter-spacing:-.01em;border-radius:var(--radius-full);border:1px solid var(--secondary);min-height:28px;color:var(--accent-1);background:#6366f114;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;transition:all .2s;display:inline-flex}.dark .mono-badge{color:var(--accent-2);background:#6366f11f;border-color:#6366f140}.nav-header-wrapper{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--secondary);background:#ffffffbf;width:100%;transition:all .25s cubic-bezier(.16,1,.3,1);position:sticky;top:0;left:0}.dark .nav-header-wrapper{background:#050505cc;border-bottom-color:#ffffff14}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted-1)}