:root,
.dark,
.auto-theme {
  --background: oklch(0.105 0.009 70);
  --foreground: oklch(0.94 0.018 85);
  --card: oklch(0.15 0.012 70);
  --card-foreground: oklch(0.94 0.018 85);
  --popover: oklch(0.16 0.014 70);
  --popover-foreground: oklch(0.94 0.018 85);
  --primary: oklch(0.76 0.145 78);
  --primary-foreground: oklch(0.13 0.018 65);
  --secondary: oklch(0.42 0.17 27);
  --secondary-foreground: oklch(0.98 0.01 85);
  --muted: oklch(0.205 0.012 70);
  --muted-foreground: oklch(0.7 0.018 78);
  --accent: oklch(0.245 0.04 72);
  --accent-foreground: oklch(0.85 0.13 82);
  --destructive: oklch(0.52 0.2 27);
  --destructive-foreground: oklch(0.98 0.01 85);
  --border: oklch(0.34 0.055 72);
  --input: oklch(0.28 0.03 70);
  --ring: oklch(0.76 0.145 78);
  --chart-1: oklch(0.76 0.145 78);
  --chart-2: oklch(0.6 0.2 31);
  --chart-3: oklch(0.84 0.11 91);
  --chart-4: oklch(0.54 0.085 65);
  --chart-5: oklch(0.68 0.08 52);
  --sidebar: oklch(0.125 0.01 70);
  --sidebar-foreground: oklch(0.94 0.018 85);
  --sidebar-primary: oklch(0.76 0.145 78);
  --sidebar-primary-foreground: oklch(0.13 0.018 65);
  --sidebar-accent: oklch(0.245 0.04 72);
  --sidebar-accent-foreground: oklch(0.85 0.13 82);
  --sidebar-border: oklch(0.34 0.055 72);
  --sidebar-ring: oklch(0.76 0.145 78);
  --radius: 0.8rem;
  --shadow-2xs: 0 1px 3px hsl(38 90% 35% / 0.08);
  --shadow-xs: 0 2px 8px hsl(0 0% 0% / 0.28);
  --shadow-sm: 0 5px 16px hsl(0 0% 0% / 0.34);
  --shadow: 0 8px 24px hsl(0 0% 0% / 0.38);
  --shadow-md: 0 12px 32px hsl(0 0% 0% / 0.42);
  --shadow-lg: 0 18px 44px hsl(0 0% 0% / 0.48);
  --shadow-xl: 0 24px 60px hsl(0 0% 0% / 0.55);
  --shadow-2xl: 0 30px 80px hsl(0 0% 0% / 0.65);
}

html { color-scheme: dark; }
body {
  background-color: #090806;
  background-image: radial-gradient(circle at 50% -15%, rgba(194, 137, 43, .16), transparent 34rem), linear-gradient(180deg, rgba(255,255,255,.015), transparent 26rem);
}
header { border-color: rgba(210, 159, 65, .22) !important; }
[data-slot="card"] {
  border-color: rgba(210, 159, 65, .25);
  background: linear-gradient(145deg, rgba(28, 24, 18, .98), rgba(15, 14, 12, .98));
  box-shadow: inset 0 1px rgba(255, 224, 158, .04), 0 14px 34px rgba(0,0,0,.32);
}
[data-slot="card-title"] { color: #f2cb78; letter-spacing: -.015em; }
[data-slot="badge"] { border-color: rgba(222, 169, 67, .42); color: #eac879; }
button, [data-slot="button"] { font-weight: 700; }
.bg-primary { background-image: linear-gradient(135deg, #f1cf7b, #b87516); }
.text-primary { color: #e7b957; }

.allin-hero {
  position: relative;
  overflow: hidden;
  min-height: 320px;
  padding: clamp(28px, 5vw, 58px);
  border: 1px solid rgba(226, 177, 78, .42);
  border-radius: 18px;
  background: radial-gradient(circle at 78% 22%, rgba(225, 166, 54, .22), transparent 26%), radial-gradient(circle at 10% 110%, rgba(130, 10, 6, .22), transparent 35%), linear-gradient(135deg, #17130e, #080706 62%);
  box-shadow: inset 0 0 55px rgba(220, 153, 36, .04), 0 24px 55px rgba(0,0,0,.42);
}
.allin-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .18;
  background-image: linear-gradient(115deg, transparent 35%, rgba(255,221,143,.15) 50%, transparent 65%);
  transform: translateX(-55%);
}
.allin-hero__content { position: relative; z-index: 1; max-width: 760px; }
.allin-hero__eyebrow { display: inline-flex; padding: 7px 12px; border: 1px solid rgba(226,177,78,.4); border-radius: 999px; color: #efc76e; background: rgba(0,0,0,.24); font-size: 12px; font-weight: 800; letter-spacing: .13em; }
.allin-hero h1 { margin-top: 18px; font-size: clamp(34px, 7vw, 68px); line-height: .98; font-weight: 950; letter-spacing: -.055em; color: #fff9e9; text-shadow: 0 3px 0 #5e3508, 0 0 28px rgba(231,179,73,.22); }
.allin-hero h1 span { color: #e7b957; }
.allin-hero__lead { margin-top: 16px; max-width: 620px; color: #c9c0b1; font-size: clamp(14px, 2vw, 18px); line-height: 1.65; }
.allin-hero__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.allin-hero__actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border-radius: 10px; font-size: 14px; font-weight: 850; }
.allin-hero__actions a:first-child { color: #160e04; background: linear-gradient(135deg, #f5d47e, #b87113); box-shadow: 0 8px 24px rgba(180,111,14,.25); }
.allin-hero__actions a:last-child { color: #ead8b4; border: 1px solid rgba(226,177,78,.35); background: rgba(255,255,255,.035); }
.allin-benefits { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 30px; }
.allin-benefits div { padding: 12px; border: 1px solid rgba(226,177,78,.18); border-radius: 10px; background: rgba(0,0,0,.25); }
.allin-benefits strong { display: block; color: #f2cb78; font-size: 15px; }
.allin-benefits span { display: block; margin-top: 3px; color: #8f877b; font-size: 11px; }
.allin-notice { display:flex; align-items:center; gap:12px; padding: 13px 16px; border: 1px solid rgba(226,177,78,.2); border-radius: 12px; background: rgba(25,21,16,.82); color:#cfc5b5; font-size:13px; }
.allin-notice b { flex: 0 0 auto; color:#f0c366; }
@media (max-width: 640px) {
  .allin-hero { min-height: 0; padding: 28px 20px; border-radius: 0; }
  .allin-benefits { grid-template-columns: repeat(2, 1fr); }
  .allin-hero__actions a { flex: 1; }
}