@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap";:root{--bg-obsidian:#0b0c0f;--bg-card:#141821bf;--bg-card-hover:#1c222ed9;--accent-aqua:#05f5dd;--accent-aqua-glow:#05f5dd1f;--accent-aqua-bright:#33ffeb;--accent-ruby:#eb1414;--accent-ruby-glow:#eb14141f;--text-primary:#f0f2f4;--text-muted:#9da4af;--text-dark:#676f7e;--border-light:#ffffff0f;--border-glow:#66fcf126;--shadow-sm:0 4px 12px #0003;--shadow-md:0 8px 24px #0000004d;--shadow-lg:0 16px 48px #0006;--glow-shadow:0 0 25px var(--accent-aqua-glow);--max-width:1040px;--font-headings:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Fira Code", "Courier New", Courier, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-obsidian);font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-obsidian);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-obsidian)}::-webkit-scrollbar-thumb{background:var(--bg-card);border:1px solid var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-aqua)}a{color:inherit;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1)}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);letter-spacing:-.02em;font-weight:700}.glass-card{background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(8px);will-change:transform, border-color, box-shadow;border-radius:16px;padding:2rem;transition:border-color .3s,box-shadow .3s}.holo-shine{background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #66fcf11a, transparent 50%);pointer-events:none;z-index:3;opacity:0;will-change:opacity;border-radius:16px;transition:opacity .3s;position:absolute;inset:0}.glass-card:hover .holo-shine{opacity:1}.glass-card:hover{border-color:var(--accent-aqua-glow);box-shadow:var(--shadow-lg), var(--glow-shadow)}.gradient-text{background:linear-gradient(135deg, var(--text-primary) 30%, var(--accent-aqua) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.reveal-item{opacity:0;will-change:opacity, transform;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transform:perspective(1200px)rotateX(8deg)translateY(35px)scale(.96)}.reveal-item.revealed{opacity:1;transform:perspective(1200px)rotateX(0)translate(0,0)scale(1)}.stagger-1{transition-delay:80ms}.stagger-2{transition-delay:.16s}.stagger-3{transition-delay:.24s}.stagger-4{transition-delay:.32s}.app-container{z-index:1;min-height:100vh;display:block;position:relative}.main-content{max-width:var(--max-width);z-index:2;margin:0 auto;padding:8rem 2rem 4rem;position:relative}.grid-2{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.bento-hero-grid{grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:3rem;display:grid}.bento-large{grid-column:span 1}.bento-small-stack{flex-direction:column;gap:1.5rem;display:flex}@media (width<=900px){.bento-hero-grid{grid-template-columns:1fr}}@media (width<=768px){.grid-2,.grid-3{grid-template-columns:1fr}.main-content{padding:6rem 1rem 3rem}}
