/* =====================================================================
   Theme: Cobalt Glass — evolutie van global: diepte, glas, aurora
   ===================================================================== */
html[data-theme="cobalt-glass"]{
  --r:8px;
  --hero-bg:radial-gradient(900px 500px at 75% 10%, rgba(99,102,241,.28) 0%, transparent 55%),
            radial-gradient(700px 500px at 15% 85%, rgba(59,130,246,.22) 0%, transparent 60%),
            linear-gradient(135deg,#020617 0%,#0c1533 55%,#141b3f 100%);
}
html[data-theme="cobalt-glass"] body{background:linear-gradient(180deg,#020617,#060b22)}
html[data-theme="cobalt-glass"] h1,
html[data-theme="cobalt-glass"] h2,
html[data-theme="cobalt-glass"] h3{font-family:'Plus Jakarta Sans',Inter,sans-serif;letter-spacing:-.025em}
html[data-theme="cobalt-glass"] .menu a{font-family:Inter,sans-serif;text-transform:none;letter-spacing:0;font-size:14px;font-weight:600}
html[data-theme="cobalt-glass"] .btn,
html[data-theme="cobalt-glass"] .cta-top,
html[data-theme="cobalt-glass"] .trust-pop-cta,
html[data-theme="cobalt-glass"] .qm-fin-yes,
html[data-theme="cobalt-glass"] .qm-fin-no{border-radius:8px;text-transform:none;letter-spacing:0;font-family:Inter,sans-serif;font-size:14px}
html[data-theme="cobalt-glass"] .btn-primary{background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 10px 30px rgba(79,70,229,.4),inset 0 1px 0 rgba(255,255,255,.18)}
html[data-theme="cobalt-glass"] .btn-primary:hover{box-shadow:0 14px 40px rgba(79,70,229,.55),inset 0 1px 0 rgba(255,255,255,.22);transform:translateY(-1px)}
html[data-theme="cobalt-glass"] .pcard,
html[data-theme="cobalt-glass"] .safe-card,
html[data-theme="cobalt-glass"] .paysafe-card,
html[data-theme="cobalt-glass"] .safe-step,
html[data-theme="cobalt-glass"] .feature-card,
html[data-theme="cobalt-glass"] .trust-pop-card,
html[data-theme="cobalt-glass"] .calc-box,
html[data-theme="cobalt-glass"] .price-card,
html[data-theme="cobalt-glass"] .fin-box{
  background:linear-gradient(150deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  box-shadow:0 24px 60px rgba(2,6,23,.5),inset 0 1px 0 rgba(255,255,255,.08);
}
html[data-theme="cobalt-glass"] .pcard:hover,
html[data-theme="cobalt-glass"] .safe-card:hover,
html[data-theme="cobalt-glass"] .paysafe-card:hover{border-color:rgba(129,140,248,.5);transform:translateY(-4px)}
html[data-theme="cobalt-glass"] .fin-opt,
html[data-theme="cobalt-glass"] .qm-fin-opts li,
html[data-theme="cobalt-glass"] .trust-pop-opt{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.09);border-radius:12px}
html[data-theme="cobalt-glass"] .eyebrow{font-family:Inter,sans-serif;letter-spacing:.14em}
html[data-theme="cobalt-glass"] .tag,
html[data-theme="cobalt-glass"] .fin-badge,
html[data-theme="cobalt-glass"] .pfin,
html[data-theme="cobalt-glass"] .pmatch,
html[data-theme="cobalt-glass"] .prent{border-radius:99px;text-transform:none;letter-spacing:0;font-family:Inter,sans-serif;font-weight:700}
html[data-theme="cobalt-glass"] header.site{background:rgba(2,6,23,.6);backdrop-filter:blur(22px)}
html[data-theme="cobalt-glass"] .paysafe{background:radial-gradient(800px 400px at 50% 0%,rgba(79,70,229,.12),transparent)}
html[data-theme="cobalt-glass"] .safe-step-n,
html[data-theme="cobalt-glass"] .fin-bar-toggle{border-radius:10px}