:root{
  --accent:#7a1cff;
  --accent2:#a855f7;
  --bg0:#07070d;
  --bg1:#2b0a3d;
  --card:rgba(255,255,255,.06);
  --card2:rgba(255,255,255,.08);
  --border:rgba(255,255,255,.10);
  --text:rgba(255,255,255,.92);
  --muted:rgba(255,255,255,.72);
}

html,body{height:100%}
body{
  background:
    radial-gradient(1200px 600px at 15% 15%, rgba(122,28,255,.20), transparent 60%),
    radial-gradient(900px 520px at 90% 25%, rgba(168,85,247,.18), transparent 60%),
    linear-gradient(135deg, var(--bg0) 0%, #0b0d10 40%, var(--bg1) 100%) !important;
  color:var(--text) !important;
}

/* cards */
.box,.card,.panel,.pricing-card,.trial-card,.feature,.movie-card{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  border:1px solid var(--border) !important;
}

/* buttons */
button,.btn,.btn-blue,.btn-primary,.pricing-btn,.section-btn{
  background: linear-gradient(90deg, var(--accent), var(--accent2)) !important;
  color:#fff !important;
  border:none !important;
}

.btn.secondary,.btn.alt,.pricing-btn.primary.soft,.pricing-btn.primary{
  background: linear-gradient(90deg, var(--accent), var(--accent2)) !important;
}

.btn-ghost,.btn-gray{
  background: rgba(0,0,0,.25) !important;
  border:1px solid var(--border) !important;
}

a{color:inherit}

/* inputs */
input,select,textarea{
  background: rgba(0,0,0,.35) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:#fff !important;
}

/* tables */
table{background:transparent}

/* footer */
.gd-footer{
  background: rgba(0,0,0,.18) !important;
  backdrop-filter: blur(8px);
}