:root{
  --ink:#E5F7F0; --mint:#60A5FA; --mint-soft:#3B82F6; --slate:#C7D2FE;
  --cloud:#0B1220; --panel:#0f172a; --line:rgba(255,255,255,.12);
  --glow: 0 0 12px rgba(96,165,250,.55), 0 0 28px rgba(96,165,250,.25);
}
body{background:var(--cloud)!important;color:var(--slate)}
/* Futuristic backdrop */
body:before{content:"";position:fixed;inset:0;z-index:-2;
  background:radial-gradient(1200px 600px at 10% -10%, rgba(96,165,250,.14), transparent 60%),
             radial-gradient(900px 500px at 90% 10%, rgba(99,102,241,.16), transparent 60%),
             linear-gradient(180deg, #0b1220 0%, #0a0f1a 60%, #0b1220 100%);
}
/* Subtle grid */
body:after{content:"";position:fixed;inset:0;z-index:-1;opacity:.08;pointer-events:none;
  background-image:linear-gradient(transparent 96%, rgba(255,255,255,.08) 96%),linear-gradient(90deg, transparent 96%, rgba(255,255,255,.08) 96%);
  background-size:40px 40px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 0%, black 30%, transparent 70%);
          mask-image:radial-gradient(ellipse at 50% 0%, black 30%, transparent 70%);
}
/* Utility classes (already used in the HTML) */
.container{max-width:1140px;margin:0 auto;padding:0 20px}
.card{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 10px 40px rgba(0,0,0,.35);backdrop-filter: blur(10px)}
.grid{display:grid;gap:24px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width: 900px){.grid-2,.grid-3{grid-template-columns:1fr}}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;font-weight:700;border:1px solid var(--line);transition:.25s;backdrop-filter:blur(6px)}
.btn-primary{background:linear-gradient(135deg, rgba(96,165,250,.12), rgba(99,102,241,.12));color:#fff;border-color:rgba(255,255,255,.16);box-shadow:var(--glow)}
.btn-outline{background:rgba(255,255,255,.02);color:#E5F7F0;border-color:rgba(255,255,255,.16)}
.badge{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:12px;color:#9CA3AF;background:rgba(255,255,255,.03)}
.dot{width:10px;height:10px;border-radius:999px;background:var(--mint);box-shadow:var(--glow);margin-top:7px;display:inline-block}
.neon{background: linear-gradient(90deg, #60A5FA, #93C5FD, #A78BFA, #60A5FA);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 0 14px rgba(96,165,250,.25));
  background-size: 300% 100%; animation: sheen 8s linear infinite;}
@keyframes sheen{0%{background-position:0% 50%}100%{background-position:100% 50%}}
.demo-frame{border-radius:12px;border:1px solid var(--line);box-shadow:0 0 0 1px rgba(255,255,255,.06), 0 25px 60px rgba(0,0,0,.45)}
/* Hide the theme's site title text in the header */
.wp-block-site-title,
.site-title,
.site-title a,
.site-branding .site-title,
.header .site-title,
.header .site-branding .site-title {
  display: none !important;
}

/* If your theme prints a default header menu too, hide it as well */
.main-navigation,
.primary-navigation,
.site-header nav,
.site-header .menu,
.wp-block-navigation {
  display: none !important;
}