/* ============================================================
   DCApe Premium Radar Edition
   Full replacement theme (starter version)
   ============================================================ */

:root{
  --bg:#03120D;
  --bg-2:#071C15;
  --bg-3:#0B2A20;

  --surface:rgba(255,255,255,.04);
  --hair:rgba(24,255,209,.08);
  --hair-strong:rgba(24,255,209,.18);

  --banana:#FFC933;
  --banana-deep:#D89E00;
  --neon:#18FFD1;
  --purple:#B88CFF;

  --text:#F1FBF7;
  --muted:#9EC3B8;
  --dim:#6E8F86;

  --grad-banana:linear-gradient(135deg,#FFE27A,#FFC933);
  --grad-display:linear-gradient(135deg,#18FFD1,#FFC933,#B88CFF);

  --shadow-card:0 30px 80px -35px rgba(0,0,0,.85);
  --r-sm:12px;
  --r-md:18px;
  --r-lg:28px;
  --r-xl:38px;
}

body{
  margin:0;
  color:var(--text);
  background:
    radial-gradient(circle at 50% 15%, rgba(24,255,209,.08), transparent 35%),
    linear-gradient(180deg,#02150d 0%,#041c12 40%,#021109 100%);
  font-family:Inter,system-ui,sans-serif;
}

.display-grad{
  background:var(--grad-display);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.feat,.ps-card,.quote,.stat-big,.phone,.ape-stage{
  background:rgba(5,20,15,.72);
  backdrop-filter:blur(18px);
  border:1px solid rgba(24,255,209,.12);
  box-shadow:var(--shadow-card);
}

.btn-primary{
  background:var(--grad-banana);
  color:#241600;
  border:none;
  border-radius:12px;
  font-weight:700;
}

.ape-stage{
  position:relative;
  overflow:hidden;
}

.ape-stage::before{
  content:"";
  position:absolute;
  inset:-20%;
  border-radius:50%;
  border:1px solid rgba(24,255,209,.08);
  animation:radar-spin 8s linear infinite;
}

.ring{
  border:1px solid rgba(24,255,209,.10);
}

.crosshair{
  filter:drop-shadow(0 0 12px rgba(24,255,209,.4));
}

.ape-badge{
  background:rgba(0,0,0,.35);
  border:1px solid rgba(255,201,51,.25);
  backdrop-filter:blur(16px);
}

.phone{
  border-radius:42px;
}

@keyframes radar-spin{
  from{transform:rotate(0deg);}
  to{transform:rotate(360deg);}
}