@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Syne:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#21262c;--glass-bg:hsla(0,0%,100%,.03);--glass-border:hsla(0,0%,100%,.08);--glass-hover:hsla(0,0%,100%,.06);--text-primary:#e6e8eb;--text-secondary:rgba(230,232,235,.8);--text-tertiary:rgba(230,232,235,.6);--accent-primary:#3b82f6;--accent-secondary:#2563eb;--accent-tertiary:#60a5fa;--gradient-1:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);--gradient-2:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-tertiary) 100%);--gradient-3:linear-gradient(135deg,var(--accent-secondary) 0%,var(--accent-tertiary) 100%);--accent-cyan:var(--accent-primary);--accent-purple:var(--accent-secondary);--accent-blue:var(--accent-primary);--accent-green:#059669;--accent-orange:#ca8a04}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Space Grotesk,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;min-height:100vh}::selection{background:var(--accent-cyan);color:var(--bg-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.noise-overlay{display:none}.gradient-blob{position:fixed;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.15;pointer-events:none;z-index:0}.blob-1{top:-200px;right:-200px;background:var(--accent-cyan)}.blob-2{bottom:-200px;left:-200px;background:var(--accent-purple)}.blob-3{top:50%;left:50%;transform:translate(-50%,-50%);background:var(--accent-blue);opacity:.08}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:var(--glass-hover);border-color:hsla(0,0%,100%,.15);transform:translateY(-4px)}.gradient-text{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title{font-family:Syne,sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.section-subtitle{font-size:1rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.2em;margin-bottom:.5rem}.container{max-width:1400px;margin:0 auto;padding:0 2rem}@media (max-width:768px){.container{padding:0 1rem}}.bento-grid{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (min-width:1024px){.bento-grid{grid-template-columns:repeat(3,1fr)}}.bento-item{min-height:200px;padding:2rem;display:flex;flex-direction:column;justify-content:space-between}.bento-item.large{grid-column:span 2}.bento-item.tall{grid-row:span 2}@media (max-width:768px){.bento-item.large,.bento-item.tall{grid-column:span 1;grid-row:span 1}}.cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--gradient-1);border:none;border-radius:100px;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .3s ease;text-decoration:none}.cta-button:hover{transform:scale(1.05);box-shadow:0 0 40px rgba(37,99,235,.4)}.cta-button-outline{background:transparent;border:2px solid var(--glass-border);color:var(--text-primary)}.cta-button-outline:hover{border-color:var(--accent-primary);box-shadow:0 0 30px rgba(37,99,235,.2)}.timeline-line{position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary),transparent)}.timeline-dot{position:absolute;left:-6px;top:0;width:14px;height:14px;border-radius:50%;background:var(--accent-primary);border:3px solid var(--bg-primary);box-shadow:0 0 20px var(--accent-primary)}.mono{font-family:JetBrains Mono,monospace}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}main{position:relative;z-index:1}.nav-blur{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(5,5,8,.8);border-bottom:1px solid var(--glass-border)}.project-card-accent{position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-1);border-radius:24px 24px 0 0;opacity:0;transition:opacity .3s ease}.glass-card:hover .project-card-accent{opacity:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(37,99,235,.3)}50%{box-shadow:0 0 40px rgba(37,99,235,.6)}}