:root{--bg: #0b1020;--panel: rgba(17, 24, 39, .84);--border: rgba(255,255,255,.08);--text: #e5eefc;--muted: #9aa7bd;--purple: #a435f0;--teal: #14b8a6;--orange: #f97316}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at top right,rgba(164,53,240,.12),transparent 30%),radial-gradient(circle at bottom left,rgba(20,184,166,.1),transparent 30%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.container{width:min(1180px,100% - 32px);margin:0 auto}.section{padding:88px 0}.section-title{font-size:clamp(32px,4vw,46px);margin:0 0 14px}.section-subtitle{color:var(--muted);max-width:820px;line-height:1.8;margin:0 0 34px}.card{background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:24px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:16px;border:0;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--purple),#6d28d9);box-shadow:0 16px 40px #a435f040}.btn-secondary{color:var(--text);background:#ffffff0a;border:1px solid var(--border)}.badge{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;border:1px solid rgba(164,53,240,.25);background:#a435f01f;color:#f0d9ff;font-size:14px}