@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Inter:ital,opsz,wght@0,14..32,300;0,14..32,400;0,14..32,500;0,14..32,600;1,14..32,400&family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-0:#050508;--bg-1:#09090f;--bg-2:#0f0f18;--surface:#ffffff0a;--surface-hover:#ffffff12;--border:#ffffff12;--border-bright:#ffffff24;--text-1:#eeeef8;--text-2:#eeeef88c;--text-3:#eeeef84d;--accent:#7c6ef0;--accent-bright:#9d8ff8;--accent-glow:#7c6ef04d;--accent-subtle:#7c6ef01a;--cyan:#22d3ee;--cyan-subtle:#22d3ee1a;--green:#4ade80;--green-subtle:#4ade801f;--font-display:"Syne", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}html{scroll-behavior:smooth}body{background-color:var(--bg-0);color:var(--text-1);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;line-height:1.65;overflow-x:hidden}body:after{content:"";opacity:.03;pointer-events:none;z-index:9997;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' 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)' opacity='1'/%3E%3C/svg%3E");position:fixed;inset:0}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-1);font-weight:800;line-height:1.08}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-body)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg-0)}::-webkit-scrollbar-thumb{background:#7c6ef066;border-radius:2px}.container{max-width:1180px;margin:0 auto;padding:0 clamp(20px,5vw,60px)}.section{padding:clamp(80px,10vw,130px) 0}.section-tag{font-family:var(--font-mono);color:var(--accent-bright);text-transform:uppercase;letter-spacing:.12em;opacity:.85;align-items:center;gap:6px;margin-bottom:18px;font-size:.72rem;display:inline-flex}.section-tag:before{content:"< "}.section-tag:after{content:" />"}.section-title{letter-spacing:-.025em;font-size:clamp(34px,4.5vw,54px);font-weight:800;line-height:1.05}.gradient-text{background:linear-gradient(135deg, var(--accent-bright) 0%, var(--cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card{background:var(--surface);border:1px solid var(--border);transition:border-color .35s var(--ease-out), background .35s var(--ease-out), box-shadow .35s var(--ease-out);border-radius:20px}.card:hover{border-color:var(--border-bright);background:var(--surface-hover)}.btn{transition:all .3s var(--ease-out);border:none;border-radius:100px;outline:none;align-items:center;gap:8px;padding:13px 26px;font-size:.9rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 0 24px var(--accent-glow)}.btn-primary:hover{background:var(--accent-bright);box-shadow:0 0 40px var(--accent-glow);transform:translateY(-2px)}.btn-ghost{background:var(--surface);color:var(--text-1);border:1px solid var(--border-bright)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.badge{letter-spacing:.01em;border-radius:100px;align-items:center;gap:7px;padding:6px 14px;font-size:.78rem;font-weight:500;display:inline-flex}.badge-green{background:var(--green-subtle);color:var(--green);border:1px solid #4ade8033}.badge-accent{background:var(--accent-subtle);color:var(--accent-bright);border:1px solid #7c6ef033}.badge-dot{background:currentColor;border-radius:50%;width:7px;height:7px;animation:2.2s ease-in-out infinite dot-pulse;box-shadow:0 0 6px}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.tag{background:var(--surface);border:1px solid var(--border);color:var(--text-2);font-size:.75rem;font-weight:500;font-family:var(--font-mono);border-radius:100px;align-items:center;padding:4px 12px;transition:all .2s;display:inline-flex}.tag:hover{border-color:var(--accent);color:var(--accent-bright)}.divider{background:linear-gradient(90deg, transparent, var(--border-bright), transparent);border:none;height:1px}@media (width<=768px){body{cursor:auto}}