@import "https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Syne:wght@400..800&family=Inter:wght@100..900&display=swap";
:root{--color-obsidian:#020205;--color-bg-subtle:#08080c;--color-card-bg:#0a0a0fb3;--color-neon-blue:#00f2ff;--color-neon-purple:#bc13fe;--color-neon-lime:#cf0;--color-accent:var(--color-neon-blue);--color-text-primary:#fff;--color-text-secondary:#fff9;--color-text-muted:#ffffff59;--glass-border:#ffffff14;--glass-bg:#ffffff05;--glass-blur:24px;--font-display:"Syne", sans-serif;--font-body:"Outfit", sans-serif;--font-mono:"Inter", monospace;--space-unit:1rem;--page-padding:clamp(1rem, 5vw, 4rem);--transition-smooth:.6s cubic-bezier(.16, 1, .3, 1);--transition-fast:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--color-obsidian);color:var(--color-text-primary);font-family:var(--font-body);overflow-x:hidden}body{-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-obsidian)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}h1{font-size:clamp(2.2rem,8vw,6rem)}h2{font-size:clamp(1.8rem,5vw,4rem)}h3{font-size:clamp(1.4rem,4vw,2.5rem)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.04em;font-weight:800;line-height:1.1}p{color:var(--color-text-secondary);font-size:clamp(.95rem,1.5vw,1.15rem);font-weight:300}a{color:inherit;transition:var(--transition-fast);text-decoration:none}.container{max-width:1400px;padding:0 var(--page-padding);width:100%;margin:0 auto}section{padding:clamp(60px,10vh,120px) 0;position:relative;overflow:hidden}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(180px,auto);gap:1.5rem;display:grid}.bento-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);transition:var(--transition-smooth);border-radius:24px;padding:2rem;position:relative;overflow:hidden}.bento-card:hover{background:#ffffff0a;border-color:#fff3;transform:translateY(-5px)}.btn-neon{background:var(--color-text-primary);color:var(--color-obsidian);font-weight:700;font-family:var(--font-display);cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;border-radius:99px;align-items:center;gap:.5rem;padding:.8rem 2rem;display:inline-flex}.btn-neon:hover{color:var(--color-text-primary);border-color:var(--color-text-primary);background:0 0;box-shadow:0 0 30px #ffffff1a}.tag-neon{text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:.5rem;font-size:.7rem;display:block}.reveal-text{-webkit-mask-image:linear-gradient(#fff 50%,#0000);mask-image:linear-gradient(#fff 50%,#0000)}.noise-bg{z-index:-1;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3%3Cfilter id='noiseFilter'%3%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3%3C/filter%3%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3%3C/svg%3");position:fixed;inset:0}.spotlight{z-index:0;pointer-events:none;background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), #00f2ff0d, transparent 80%);width:100vw;height:100vh;position:fixed;top:0;left:0}@media (max-width:1100px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.container{padding:0 1.5rem}}@media (max-width:640px){.bento-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:1rem}}