@property --kb-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
:root{--kb-anchor:#0c4a6e;--kb-blue:#0284c7;--kb-blue-dk:#0369a1;--kb-border:#bae6fd}
.kb-btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:0;border-radius:10px;background:var(--kb-blue);color:#fff;font-weight:600;cursor:pointer}
.kb-btn:hover{background:var(--kb-blue-dk)}
.kb-btn::before{content:"";position:absolute;inset:-2px;z-index:-2;border-radius:inherit;background:conic-gradient(from var(--kb-angle),transparent 0 70%,#fff 85%,var(--kb-border));animation:kb-spin 3s linear infinite}
.kb-btn::after{content:"";position:absolute;inset:2px;z-index:-1;border-radius:inherit;background:inherit}
@keyframes kb-spin{to{--kb-angle:360deg}}
.kb-money{font-variant-numeric:tabular-nums;font-weight:700}
@media (prefers-reduced-motion:reduce){.kb-btn::before{animation:none}}
.kb-btn,.kb-btn:hover{color:#fff;text-decoration:none}
svg.lucide{width:18px;height:18px}
.kb-card{background:#fff;border:1px solid var(--kb-border);border-radius:14px;padding:16px;box-shadow:0 1px 3px rgba(12,74,110,.08)}
.liquid-card{background:linear-gradient(145deg,#0f2942,#1a3a5c);border-radius:16px;color:#fff}
.liquid-card h1{color:#38bdf8 !important}