:root{
  --bg:#071019;
  --glass:#0b1622aa;
  --glass-2:#0c1a28bf;
  --edge:#12324a;
  --text:#e6f6ff;
  --muted:#9ed0e8;
  --hyper:#5eead4;
  --emerald:#10b981;
  --gold:#f59e0b;
  --danger:#ef4444;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:
    radial-gradient(1000px 600px at 10% -10%, rgba(16,185,129,0.10), transparent 60%),
    radial-gradient(1200px 700px at 110% -20%, rgba(59,130,246,0.08), transparent 60%),
    linear-gradient(180deg, #06101a 0%, #03070b 100%);
  color:var(--text);
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
a{color:var(--hyper); text-decoration:none}
.container{max-width:1280px;margin:0 auto;padding:24px}
.nav{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:12px 0;border-bottom:1px solid var(--edge);
  backdrop-filter: blur(6px);
}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:44px;filter:drop-shadow(0 6px 18px rgba(16,185,129,.25))}
.name{font-weight:800;letter-spacing:.3px}
.btn{
  background:linear-gradient(180deg, #0f1e2d 0%, #0b1622 100%);
  border:1px solid var(--edge);
  color:var(--text); padding:10px 14px; border-radius:12px; cursor:pointer;
  transition:transform .15s ease, box-shadow .2s ease, border .2s ease;
}
.btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(94,234,212,.12)}
.btn.primary{background:linear-gradient(180deg,#059669 0%, #065f46 100%); border-color:#0d9488}
.grid{display:grid;grid-template-columns:1.6fr .9fr;gap:18px;margin-top:18px}
.card{
  background:linear-gradient(180deg, var(--glass) 0%, var(--glass-2) 100%);
  border:1px solid var(--edge);
  border-radius:16px; padding:16px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 30px rgba(0,0,0,.25);
}
.card h3{margin:0 0 10px 0}
.small{font-size:12px;color:var(--muted)}
.select,.input, textarea{
  background:rgba(4,10,16,.55); border:1px solid var(--edge); color:var(--text);
  border-radius:12px; padding:10px; width:100%;
}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}
.kpi .box{background:rgba(4,10,16,.55);border:1px solid var(--edge);border-radius:12px;padding:12px}
.big{font-size:18px;font-weight:800}
.mono{font-variant-numeric:tabular-nums}
.badge{padding:4px 8px;border-radius:999px;border:1px solid var(--edge);color:var(--muted);font-size:12px}
.badge.good{border-color:var(--emerald);color:var(--emerald)}
.badge.bad{border-color:var(--danger);color:var(--danger)}
.tvwrap{height:440px;border-radius:14px;border:1px solid var(--edge);overflow:hidden}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid var(--edge);padding:8px;text-align:left}
.footer{margin:36px 0;color:#71a6be;font-size:12px;text-align:center}

/* PayPal luxury buttons */
.paywrap{display:flex;gap:12px;flex-wrap:wrap}
.paybtn{background:linear-gradient(180deg,#0f1e2d 0%, #0b1622 100%);border:1px solid #2c3e50;color:#fef3c7;
       padding:12px 16px;border-radius:12px;cursor:pointer; font-weight:800; letter-spacing:.35px;
       box-shadow:0 6px 18px rgba(16,185,129,.18)}
.paybtn:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(16,185,129,.28)}

/* Emerald intro overlay */
.intro{
  position:fixed; inset:0; display:flex; align-items:center; justify-content:center; z-index:9999;
  background: radial-gradient(600px 400px at 50% -10%, rgba(16,185,129,.12), transparent 60%), #03070b;
}
.spark{
  width:120px; height:120px; border-radius:50%;
  border:2px solid rgba(94,234,212,.35);
  box-shadow: 0 0 40px rgba(16,185,129,.35), inset 0 0 40px rgba(16,185,129,.15);
  animation: pulse 1.8s ease-in-out infinite;
}
@keyframes pulse{
  0%{transform:scale(0.95); box-shadow:0 0 30px rgba(16,185,129,.25), inset 0 0 20px rgba(16,185,129,.1)}
  50%{transform:scale(1.05); box-shadow:0 0 60px rgba(16,185,129,.45), inset 0 0 50px rgba(16,185,129,.25)}
  100%{transform:scale(0.95); box-shadow:0 0 30px rgba(16,185,129,.25), inset 0 0 20px rgba(16,185,129,.1)}
}
.intro .txt{position:absolute; margin-top:160px; color:#c7ffee; font-weight:700; letter-spacing:.4px}