:root{--bg-void: #020818;--bg-primary: #050b1a;--bg-secondary: #0a1128;--bg-card: #0d1733;--bg-card-hover: #112044;--blue-deep: #0033aa;--blue-primary: #0055ff;--blue-bright: #0077ff;--blue-light: #3399ff;--blue-glow: #0088ff;--blue-pale: #66bbff;--cyan: #00ccff;--cyan-glow: #00eeff;--text-primary: #e8ecf4;--text-secondary: #7b8ba8;--text-muted: #4a5568;--text-accent: #99bbdd;--border: rgba(0, 85, 255, .12);--border-hover: rgba(0, 85, 255, .3);--glow-sm: 0 0 10px rgba(0, 85, 255, .3);--glow-md: 0 0 20px rgba(0, 85, 255, .25), 0 0 40px rgba(0, 85, 255, .1);--glow-lg: 0 0 30px rgba(0, 85, 255, .3), 0 0 60px rgba(0, 85, 255, .15), 0 0 100px rgba(0, 85, 255, .05);--glow-cyan: 0 0 20px rgba(0, 204, 255, .3), 0 0 40px rgba(0, 204, 255, .1);--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--section-pad: clamp(40px, 5vh, 70px);--container-width: 1200px;--container-pad: clamp(20px, 4vw, 60px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--blue-primary) var(--bg-void);overflow-x:hidden}html::-webkit-scrollbar{width:6px}html::-webkit-scrollbar-track{background:var(--bg-void)}html::-webkit-scrollbar-thumb{background:var(--blue-primary);border-radius:3px}body{font-family:var(--font-body);background:var(--bg-void);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:none;margin:0;padding:0;text-align:left}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}::selection{background:var(--blue-primary);color:#fff}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--container-pad)}.section{padding:var(--section-pad) 0;position:relative;scroll-margin-top:70px}.section-label{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--blue-light);margin-bottom:8px;display:flex;align-items:center;gap:12px}.section-label:before{content:"";width:30px;height:1px;background:var(--blue-primary)}.section-label-centered{justify-content:center}.section-label-centered:after{content:"";width:30px;height:1px;background:var(--blue-primary)}.section-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1;margin-bottom:16px;background:linear-gradient(135deg,var(--text-primary) 0%,var(--blue-pale) 50%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{box-shadow:var(--glow-sm)}50%{box-shadow:var(--glow-lg)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes typewriter-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.noise-overlay{position:fixed;top:-50%;left:-50%;width:200%;height:200%;pointer-events:none;z-index:9999;opacity:.025;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)'/%3E%3C/svg%3E");animation:grain 8s steps(10) infinite}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal-left.revealed{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal-right.revealed{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.85);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal-scale.revealed{opacity:1;transform:scale(1)}@media(max-width:768px){:root{--section-pad: clamp(30px, 4vh, 50px)}}
