/* Madame Bump — Refined Power (Luxury Edition) */
:root{
  --bg:#0c0f14;
  --panel:#111724;
  --panel-2:#0e1420;
  --text:#eaf2ff;
  --muted:#9fb4cd;
  --ink:#d6e3f7;
  --accent:#10b5ff;
  --accent-2:#0b7dff;
  --stroke:rgba(255,255,255,.09);
  --radius:14px;
}
html,body{background:var(--bg);color:var(--text);font-family: ui-sans-serif, -apple-system, Segoe UI, Roboto, Helvetica, Arial;}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--accent-2)}
section, .section, .card, .panel, .box{
  background:var(--panel);
  border:1px solid var(--stroke);
  border-radius:var(--radius);
  box-shadow:0 0 0 1px rgba(16,181,255,.18) inset, 0 10px 22px rgba(16,181,255,.10);
}
h1,h2{
  margin:.2rem 0 1rem;padding:.6rem .9rem;
  background:linear-gradient(180deg, rgba(16,181,255,.18), rgba(16,181,255,0) 55%);
  border-radius:var(--radius);
}
button, .btn, .button, input[type=submit]{
  background: linear-gradient(180deg, var(--accent), var(--accent-2));
  color:#fff;border:0;border-radius:12px;
  padding:.85rem 1.1rem;font-weight:700;
  box-shadow:0 8px 22px rgba(16,181,255,.25);
  cursor:pointer;transition: transform .07s ease, filter .15s ease;
}
button:hover, .btn:hover, .button:hover, input[type=submit]:hover{ filter:brightness(1.06) }
button:active, .btn:active, .button:active, input[type=submit]:active{ transform: translateY(1px) }
input, select, textarea{
  background:var(--panel-2);color:var(--text);
  border:1px solid #253349;border-radius:12px;
  padding:.7rem .85rem;width:100%;
}
input:focus, select:focus, textarea:focus{
  outline:none;box-shadow:0 0 0 3px rgba(16,181,255,.25);border-color:#10b5ff;
}
input[type=checkbox], input[type=radio]{ accent-color:#10b5ff }
.badge, .pill, .chip, .tag{
  display:inline-block;border-radius:999px;
  background:rgba(16,181,255,.15);
  border:1px solid rgba(16,181,255,.28);color:var(--ink);
  padding:.18rem .55rem;font-size:.78rem;
}
.price, .total, .money{ color:#bfe6ff; font-weight:800 }
footer{ color:var(--muted) }