:root{--bg:#0b0a12;--bg-soft:#12101d;--card:#171427;--border:#2a2440;--text:#f2f0fa;--text-dim:#a49cc4;--brand-1:#6e50ff;--brand-2:#c060ff;--gradient:linear-gradient(135deg,#6e50ff,#c060ff);--radius:16px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:0 24px}.gradient-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-block;padding:13px 28px;border-radius:999px;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 4px 24px rgba(110,80,255,.35)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 32px rgba(150,88,255,.5)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--brand-1)}section{padding:88px 0}.section-title{font-size:clamp(28px,4vw,40px);font-weight:700;text-align:center;margin-bottom:12px}.section-sub{color:var(--text-dim);text-align:center;max-width:560px;margin:0 auto 56px;font-size:17px}