@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&family=Space+Grotesk:wght@300;400;500;600;700&family=Fira+Code:wght@400;500;600&display=swap";:root{--primary: #0A0A0F;--primary-light: #141418;--primary-dark: #050507;--accent: #7B68EE;--accent-rgb: 123, 104, 238;--highlight: #FF6B9D;--highlight-rgb: 255, 107, 157;--secondary: #FFE66D;--secondary-rgb: 255, 230, 109;--neutral-100: #F7F7F7;--neutral-200: #E1E1E1;--neutral-300: #C4C4C4;--neutral-400: #8A8A8A;--neutral-500: #5A5A5A;--neutral-600: #3A3A3A;--neutral-700: #2A2A2A;--neutral-800: #1A1A1A;--neutral-900: #0A0A0A;--gradient-angle: 135deg;--gradient-primary: linear-gradient(var(--gradient-angle), var(--primary-dark) 0%, var(--primary) 50%, var(--primary-light) 100%);--gradient-accent: linear-gradient(var(--gradient-angle), var(--accent) 0%, var(--highlight) 50%, var(--secondary) 100%);--gradient-iridescent: linear-gradient( var(--gradient-angle), #7B68EE 0%, #FF6B9D 20%, #FFE66D 40%, #7B68EE 60%, #FF6B9D 80%, #FFE66D 100% );--font-primary: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-secondary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Fira Code", "Courier New", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--space-2xl: 8rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-slower: .8s cubic-bezier(.4, 0, .2, 1);--blur-sm: 4px;--blur-md: 8px;--blur-lg: 16px;--blur-xl: 24px;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-tooltip: 500}html{scroll-behavior:smooth;scroll-padding-top:2rem;background:var(--primary-dark);overflow-x:hidden}*{box-sizing:border-box}*::selection{background:rgba(var(--accent-rgb),.3);color:var(--neutral-100)}html,app-root,body{height:100%;width:100%;margin:0;padding:0}body{font-family:var(--font-secondary);font-weight:400;font-size:16px;line-height:1.6;color:var(--neutral-100);background:var(--primary-dark);overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:.03;z-index:1;pointer-events:none;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.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E")}body::-webkit-scrollbar{width:10px;background:var(--primary-dark)}body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent),var(--highlight));border-radius:10px;border:2px solid var(--primary-dark)}body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--highlight),var(--secondary))}body::-webkit-scrollbar-track{background:var(--primary);border-radius:10px}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:600;line-height:1.2;margin:0}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700}h2{font-size:clamp(2rem,4vw,3rem);font-weight:600}h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:600}p{margin:0;font-family:var(--font-secondary)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{filter:brightness(1) drop-shadow(0 0 10px rgba(var(--accent-rgb),.5))}50%{filter:brightness(1.2) drop-shadow(0 0 20px rgba(var(--accent-rgb),.8))}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all var(--transition-slow)}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}