@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#030712;--bg-2:#050d1a;--surface:#ffffff08;--surface-hover:#ffffff0f;--border:#ffffff12;--border-hover:#3b82f666;--blue:#3b82f6;--cyan:#06b6d4;--purple:#8b5cf6;--gold:#f59e0b;--text:#f1f5f9;--muted:#64748b;--font-sans:"Space Grotesk",system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace}html{scroll-behavior:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--blue),var(--purple));border-radius:3px}::selection{color:#fff;background:#3b82f64d}.glass{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);background:#ffffff08}.glass-hover:hover{border-color:var(--border-hover);background:#ffffff0f}.gradient-text{background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-blue{background:linear-gradient(135deg,var(--blue)0%,var(--cyan)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-blue{box-shadow:0 0 30px #3b82f626,0 0 60px #3b82f60d}.glow-purple{box-shadow:0 0 30px #8b5cf626,0 0 60px #8b5cf60d}.noise:after{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:absolute;inset:0}.section-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.animated-underline{position:relative}.animated-underline:after{content:"";background:linear-gradient(to right,var(--blue),var(--cyan));width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.animated-underline:hover:after{width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{background:var(--surface-hover);border-color:var(--border-hover);transform:translateY(-4px)}.tag{font-size:.75rem;font-family:var(--font-mono);color:var(--blue);background:#3b82f61a;border:1px solid #3b82f633;border-radius:999px;align-items:center;padding:.25rem .75rem;font-weight:600;display:inline-flex}@keyframes orbit{0%{transform:rotate(0)translate(120px)rotate(0)}to{transform:rotate(360deg)translate(120px)rotate(-360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #3b82f64d}50%{box-shadow:0 0 40px #3b82f699,0 0 80px #3b82f633}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.animate-float{animation:4s ease-in-out infinite float}.animate-pulse-glow{animation:3s ease-in-out infinite pulse-glow}.holo-border{background:var(--surface);border-radius:20px;position:relative}.holo-border:before{content:"";z-index:-1;opacity:0;background:linear-gradient(135deg,#3b82f666,#8b5cf666,#06b6d466);border-radius:21px;transition:opacity .3s;position:absolute;inset:-1px}.holo-border:hover:before{opacity:1}.timeline-line{background:linear-gradient(to bottom,var(--blue),var(--purple));width:2px;position:absolute;top:0;bottom:0;left:0}.canvas-container{z-index:0;position:absolute;inset:0}@media (max-width:768px){:root{--section-padding:5rem 0}}