:root{--brand-start:#2bc9f4;--brand-end:#0e89ba;--brand-gradient:linear-gradient(120deg,var(--brand-start) 0%,var(--brand-end) 100%);--surface:#f8fafc;--text:#0f172a;--muted:#475569;--radius:20px;--shadow:0 20px 60px rgba(15,23,42,.12)}body,html{background:var(--surface);color:var(--text)}.brand-gradient{background-image:var(--brand-gradient)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:9999px;padding:.75rem 1.4rem;font-weight:600;transition:transform .15s ease}.btn:focus-visible{outline:3px solid rgba(43,201,244,.5);outline-offset:3px}.btn-primary{color:#fff;background-image:var(--brand-gradient);box-shadow:var(--shadow)}.chip{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .75rem;border-radius:9999px;background:rgba(43,201,244,.15);color:#0369a1;font-weight:600;font-size:.85rem}.card{border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.brand-surface{background-image:linear-gradient(180deg,rgba(43,201,244,.12),rgba(14,137,186,.12))}.focus-ring:focus-visible{outline:3px solid rgba(14,137,186,.55);outline-offset:2px}