:root{--bg-primary:#050816;--bg-secondary:#0d1b3e;--bg-card:#0d1b3e99;--accent-blue:#00b4d8;--accent-purple:#7c3aed;--accent-cyan:#06d6c7;--accent-green:#10b981;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#ffffff14;--glow-blue:#00b4d84d;--glow-purple:#7c3aed4d;--gradient-hero:linear-gradient(135deg, #050816 0%, #0d1b3e 50%, #1a0533 100%);--font-main:"Inter", sans-serif;--font-code:"Fira Code", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-main);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-blue);border-radius:3px}section{padding:100px 0;position:relative}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section-header{text-align:center;margin-bottom:64px}.section-tag{font-family:var(--font-code);color:var(--accent-cyan);letter-spacing:.1em;text-transform:uppercase;background:#06d6c71a;border:1px solid #06d6c74d;border-radius:100px;margin-bottom:16px;padding:4px 16px;font-size:.8rem;display:inline-block}.section-title{background:linear-gradient(135deg, #fff 0%, var(--accent-blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:800}.section-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:20px;position:relative;overflow:hidden}.glass-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0d 0%,#0000 100%);border-radius:20px;position:absolute;inset:0}.btn{font-family:var(--font-main);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:#fff;box-shadow:0 4px 24px var(--glow-blue)}.btn-primary:hover{box-shadow:0 8px 32px var(--glow-blue);transform:translateY(-2px)}.btn-outline{color:var(--accent-blue);border:2px solid var(--accent-blue);background:0 0}.btn-outline:hover{background:var(--accent-blue);color:#fff;transform:translateY(-2px)}.tag{font-size:.78rem;font-weight:500;font-family:var(--font-code);border-radius:100px;padding:4px 12px;display:inline-block}.tag-blue{color:var(--accent-blue);background:#00b4d81f;border:1px solid #00b4d840}.tag-purple{color:#a78bfa;background:#7c3aed1f;border:1px solid #7c3aed40}.tag-green{color:var(--accent-green);background:#10b9811f;border:1px solid #10b98140}.tag-cyan{color:var(--accent-cyan);background:#06d6c71f;border:1px solid #06d6c740}.noise-overlay{z-index:0;pointer-events:none;opacity:.03;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");position:fixed;inset:0}.grid-bg{pointer-events:none;background-image:linear-gradient(#00b4d80d 1px,#0000 1px),linear-gradient(90deg,#00b4d80d 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 0%,#0000 70%);mask-image:radial-gradient(#000 0%,#0000 70%)}