:root {
    --primary: #2563eb;
    --primary-2: #06b6d4;
    --accent: #22d3ee;
    --bg: #f6f8fc;
    --surface: #ffffff;
    --surface-2: #eef3fb;
    --text: #0f172a;
    --muted: #5b6b82;
    --border: #dbe4f0;
    --header-bg: rgba(255, 255, 255, 0.88);
    --footer-bg: #0b1728;
    --footer-text: #c9d6e8;
    --radius: 16px;
    --radius-sm: 10px;
}
.hero { background: radial-gradient(900px 440px at 12% 0%, rgba(37,99,235,.16), transparent 60%), radial-gradient(700px 380px at 88% 18%, rgba(6,182,212,.13), transparent 62%); }
.hero-panel { background: linear-gradient(160deg, #081426, #0d2138); }
.tech-badge-line { display: inline-flex; gap: 8px; align-items: center; color: var(--muted); font-size: .82rem; }