:root{
  --brand:#3B82F6;
  --brand-dark:#1D4ED8;
}
*{font-family:'Inter',system-ui,-apple-system,sans-serif}
body{background:var(--bs-body-bg);transition:background .3s,color .3s}
.hero{padding:5rem 0;background:linear-gradient(135deg,rgba(59,130,246,.10),rgba(29,78,216,.05))}
[data-bs-theme=dark] .hero{background:linear-gradient(135deg,rgba(59,130,246,.18),rgba(29,78,216,.08))}
.card{border:1px solid var(--bs-border-color);border-radius:14px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.btn-primary{background:var(--brand);border-color:var(--brand)}
.btn-primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}
.brand-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem;border-radius:999px;background:rgba(59,130,246,.1);color:var(--brand);font-weight:600;font-size:.8rem}
.feature-ico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(59,130,246,.12);color:var(--brand);font-size:1.25rem}
.copy-btn{cursor:pointer}
.key-box{font-family:'JetBrains Mono',monospace;font-size:.9rem;word-break:break-all}
.fade-in{animation:fi .35s ease}
@keyframes fi{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}