*,*::before,*::after { box-sizing:border-box; }
  :root {
    --bg:#0A0908; --ink:#F4EFE7; --ink-3:rgba(244,239,231,.58);
    --crimson:#E83E48; --crimson-hot:#FF5A64;
    --serif:"Instrument Serif",Georgia,serif;
    --display:"Anton","Archivo Black",Impact,sans-serif;
    --sans:"Geist",-apple-system,BlinkMacSystemFont,sans-serif;
    --mono:"Geist Mono",ui-monospace,monospace;
  }
  html,body { margin:0; min-height:100%; }
  body {
    background:var(--bg); color:var(--ink); font-family:var(--sans);
    min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center;
    text-align:center; padding:48px 24px; overflow-x:hidden; position:relative;
    -webkit-font-smoothing:antialiased;
  }
  .bg { position:fixed; inset:0; z-index:0; pointer-events:none;
    background:radial-gradient(125% 80% at 50% -5%,rgba(232,62,72,.20),transparent 55%); }
  .bg::after { content:""; position:absolute; inset:0;
    background:radial-gradient(60% 50% at 50% 120%,rgba(232,62,72,.10),transparent 60%); }
  .wrap { position:relative; z-index:1; max-width:820px; }
  .wm { font-family:var(--display); font-size:22px; letter-spacing:.02em; margin:0 0 44px; }
  .wm .cut { color:var(--crimson-hot); }
  .glove { font-size:54px; display:block; margin:0 auto 16px; line-height:1;
    filter:drop-shadow(0 0 28px rgba(255,90,100,.5)); }
  .kick { font-family:var(--serif); font-style:italic; font-size:clamp(20px,4vw,30px);
    color:var(--ink-3); margin:0 0 6px; }
  h1 { font-family:var(--display); font-weight:400; text-transform:uppercase;
    font-size:clamp(42px,11vw,124px); line-height:.92; letter-spacing:-.01em; margin:0; }
  h1 .hot { color:var(--crimson-hot); text-shadow:0 0 55px rgba(255,90,100,.45); }
  .sub { color:var(--ink-3); font-size:17px; line-height:1.65; max-width:48ch; margin:32px auto 0; }
  .cta { display:inline-flex; align-items:center; gap:10px; margin-top:36px;
    background:#DD2C36; color:#fff; font-weight:600; font-size:16px; text-decoration:none;
    padding:15px 28px; border-radius:999px; box-shadow:0 16px 44px -12px rgba(232,62,72,.7);
    transition:background .18s, transform .18s; }
  .cta:hover { background:var(--crimson-hot); transform:translateY(-1px); }
  .note { font-family:var(--mono); font-size:13px; letter-spacing:.03em; color:var(--ink-3);
    margin:24px 0 0; opacity:.85; }
  @media (prefers-reduced-motion:no-preference) {
    .glove { animation:gloveIn .6s cubic-bezier(.2,.8,.2,1) both; }
    .wrap > .kick, .wrap > h1 { animation:rise .7s cubic-bezier(.2,.8,.2,1) both; }
    .wrap > h1 { animation-delay:.08s; }
    @keyframes gloveIn { from{opacity:0;transform:scale(.6) rotate(-12deg);} to{opacity:1;transform:none;} }
    @keyframes rise { from{opacity:0;transform:translateY(14px);} to{opacity:1;transform:none;} }
  }