@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700;800;900&family=Inter:wght@200;300;400;500;600&display=swap");@tailwind base;@tailwind components;@tailwind utilities;:root{--color-bg:#0a0f1e;--color-surface:#111827;--color-surface-2:#1a2235;--color-border:hsla(0,0%,100%,.08);--color-border-hover:rgba(16,185,129,.3);--color-accent:#10b981;--color-accent-dim:rgba(16,185,129,.15);--color-text:#f9fafb;--color-text-muted:#9ca3af;--color-text-dim:#4b5563;--font-display:"Space Grotesk",sans-serif;--font-body:"Inter",sans-serif;--duration-fast:150ms;--duration-normal:300ms;--duration-slow:600ms;--ease-expo:cubic-bezier(0.16,1,0.3,1)}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-weight:300;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.025;pointer-events:none;z-index:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:rgba(16,185,129,.3);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:rgba(16,185,129,.5)}.stagger-1{animation-delay:0ms}.stagger-2{animation-delay:80ms}.stagger-3{animation-delay:.16s}.stagger-4{animation-delay:.24s}.stagger-5{animation-delay:.32s}.stagger-6{animation-delay:.4s}.glass{background:linear-gradient(145deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border:1px solid var(--color-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass:hover{border-color:var(--color-border-hover)}.gradient-text{background:linear-gradient(135deg,#10b981,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:focus-visible{outline:2px solid #10b981;outline-offset:2px;border-radius:4px}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}