:root {
  --bg: #080c10;
  --panel: #111820;
  --panel2: #19232c;
  --line: rgba(255, 255, 255, .14);
  --text: #f4f6f8;
  --muted: #adb8c2;
  --gold: #ff8b3d;
  --teal: #ffad75;
  --danger: #ff8f98;
}

body {
  background:
    radial-gradient(circle at 78% 8%, rgba(255, 139, 61, .13), transparent 34rem),
    radial-gradient(circle at 8% 88%, rgba(255, 139, 61, .08), transparent 32rem),
    var(--bg);
}

.hero h1, .dashboard-head h1, .form-card h1, .checkout-summary h1, .checkout-form legend, body h2, body h3 { font-family: Arial, Helvetica, sans-serif; }
.card { background: linear-gradient(145deg, var(--panel), var(--bg)); }

.brand-mark {
  border-color: var(--gold);
  box-shadow: inset 0 0 0 5px var(--bg), 0 0 25px rgba(255, 139, 61, .11);
}

body,h1,h2,h3{font-family:Arial,Helvetica,sans-serif}
.checkout-layout{display:grid;grid-template-columns:minmax(240px, .8fr) minmax(0,1.4fr);gap:30px;align-items:start;padding-block:50px}.checkout-summary{padding:30px;position:sticky;top:25px}.checkout-card{max-width:none;width:100%}.choice-price{display:grid;gap:9px;margin:28px 0}.choice-price b{font-size:32px}.checkout-form fieldset{border:0;padding:0;margin:25px 0;min-width:0}.checkout-form legend{font-size:19px;font-weight:700;margin-bottom:15px}.checkout-form textarea{width:100%;max-width:100%}.checkout-form input[type=checkbox]{accent-color:#ff8b3d}.checkout-form .helptext{display:block;color:var(--muted);font-size:13px;margin-top:8px}@media(max-width:780px){.checkout-layout{grid-template-columns:1fr;gap:18px;padding-block:25px}.checkout-summary{position:static}}
