*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#020817;--bg-dark:#0a1628;--bg-card:#0f193299;--bg-card-hover:#142346bf;--border-glass:#64aaff26;--border-glow:#38bdf866;--cyan:#38bdf8;--cyan-dim:#0ea5e9;--cyan-glow:#38bdf84d;--violet:#818cf8;--violet-dim:#6366f1;--violet-glow:#818cf84d;--emerald:#34d399;--emerald-glow:#34d3994d;--pink:#f472b6;--pink-glow:#f472b64d;--amber:#fbbf24;--text-primary:#f0f4ff;--text-secondary:#94a3b8;--text-muted:#475569;--font-main:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--section-gap:6rem;--card-radius:1.25rem;--nav-height:72px}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{font-family:var(--font-main);background-color:var(--bg-deep);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0b0f19}::-webkit-scrollbar-thumb{background:linear-gradient(#06b6d4,#8b5cf6);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#22d3ee,#a78bfa)}::selection{background:var(--cyan-glow);color:var(--cyan)}body:before{content:"";pointer-events:none;z-index:0;opacity:.4;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='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}.grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(#38bdf80a 1px,#0000 1px),linear-gradient(90deg,#38bdf80a 1px,#0000 1px);background-size:50px 50px;animation:3s linear infinite scrollGrid;position:fixed;inset:-50px 0}@keyframes scrollGrid{0%{transform:translateY(0)}to{transform:translateY(50px)}}.glass-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--card-radius);-webkit-backdrop-filter:blur(20px);transition:all .3s}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-glow);box-shadow:0 0 30px var(--cyan-glow), 0 20px 60px #0006;transform:translateY(-4px)}.glow-cyan{color:var(--cyan);text-shadow:0 0 20px var(--cyan-glow), 0 0 40px var(--cyan-glow)}.glow-violet{color:var(--violet);text-shadow:0 0 20px var(--violet-glow)}.glow-emerald{color:var(--emerald);text-shadow:0 0 20px var(--emerald-glow)}.gradient-text{background:linear-gradient(135deg, var(--cyan) 0%, var(--violet) 50%, var(--pink) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:linear-gradient(135deg, var(--cyan-dim), var(--violet-dim));color:#fff;font-family:var(--font-main);cursor:pointer;border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";background:linear-gradient(135deg, var(--cyan), var(--violet));opacity:0;transition:opacity .3s;position:absolute;inset:0}.btn-primary:hover:before{opacity:1}.btn-primary>*{z-index:1;position:relative}.btn-primary:hover{box-shadow:0 8px 30px var(--cyan-glow);transform:translateY(-2px)}.btn-ghost{color:var(--cyan);border:1px solid var(--border-glow);font-family:var(--font-main);cursor:pointer;background:0 0;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-ghost:hover{background:var(--cyan-glow);box-shadow:0 0 20px var(--cyan-glow);transform:translateY(-2px)}.section{padding:var(--section-gap) 1.5rem;z-index:1;position:relative}.section-title{text-align:center;margin-bottom:.5rem;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800}.section-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:3.5rem;font-size:1.05rem}.container{max-width:1100px;margin:0 auto}.tag{font-size:.78rem;font-weight:600;font-family:var(--font-mono);color:var(--cyan);background:#38bdf81a;border:1px solid #38bdf840;border-radius:100px;align-items:center;gap:.35rem;padding:.3rem .8rem;display:inline-flex}.tag-violet{color:var(--violet);background:#818cf81a;border-color:#818cf840}.tag-emerald{color:var(--emerald);background:#34d3991a;border-color:#34d39940}.tag-pink{color:var(--pink);background:#f472b61a;border-color:#f472b640}.hover-underline{text-decoration:none;position:relative}.hover-underline:after{content:"";background:linear-gradient(90deg, var(--cyan), var(--violet));border-radius:1px;width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.hover-underline:hover:after{width:100%}.mono{font-family:var(--font-mono)}.divider{background:linear-gradient(90deg, var(--cyan), var(--violet));border-radius:2px;width:60px;height:3px;margin:0 auto 1rem}.orb{filter:blur(80px);pointer-events:none;border-radius:50%;animation:20s ease-in-out infinite alternate orbPulse;position:absolute}.orb-cyan{background:radial-gradient(circle,#38bdf82e 0%,#0000 70%)}.orb-violet{background:radial-gradient(circle,#818cf82e 0%,#0000 70%)}.orb-pink{background:radial-gradient(circle,#f472b61f 0%,#0000 70%)}@keyframes orbPulse{0%{opacity:.8;transform:scale(1)translate(0)}33%{opacity:1;transform:scale(1.1)translate(30px,-40px)}66%{opacity:.7;transform:scale(.9)translate(-20px,30px)}to{opacity:.8;transform:scale(1)translate(0)}}.sticky-desktop{position:relative}@media (width>=768px){.sticky-desktop{position:sticky;top:120px}}