:root{ --bg:#0B1220; --panel:#0F233A; --accent:#00E0FF; --accent2:#22D3EE; --ink:#0B1220; }
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.1rem;border-radius:1rem;font-weight:600}
.btn-primary{background:#0B1220;color:#fff;border:1px solid rgba(255,255,255,.08)}
.btn-primary:hover{opacity:.95}
.btn-outline{background:#fff;color:#0B1220;border:1px solid #0B1220}
.btn-outline:hover{background:#0B1220;color:#fff}
a:focus,button:focus,input:focus,textarea:focus,select:focus{outline:3px solid var(--accent);outline-offset:2px}
.hero-dark{background:linear-gradient(180deg,#0B1220,#0F233A)}
.offer{border-radius:1.25rem;border:1px solid rgba(15,23,42,.12);background:#fff;box-shadow:0 10px 30px rgba(2,6,23,.10)}
.offer .icon{background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .6rem;border-radius:9999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#E6F9FF}
.header-blur{backdrop-filter:saturate(180%) blur(10px)}