
.aga-wrap{
  --aga-navy:#123f78;
  --aga-blue:#2c79c7;
  --aga-gold:#f0aa24;
  --aga-orange:#ef6b2e;
  --aga-cream:#fff8e9;
  --aga-ink:#18324b;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,#77d1ff 0%,#dff5ff 47%,#fff8e9 47%,#fff8e9 100%);
  border-radius:26px;
  color:var(--aga-ink);
  font-family:ui-rounded,"Arial Rounded MT Bold",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  box-shadow:0 20px 60px rgba(30,70,105,.12);
}
.aga-inner{
  width:min(1180px,92%);
  margin:auto;
  padding:clamp(34px,6vw,78px) 0 28px;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);
  gap:clamp(20px,4vw,62px);
  align-items:center;
}
.aga-copy{position:relative;z-index:3}
.aga-pill{
  display:inline-block;
  background:#fff;
  border:3px solid var(--aga-navy);
  color:var(--aga-navy);
  padding:8px 14px;
  border-radius:999px;
  font-weight:900;
  box-shadow:5px 5px 0 var(--aga-gold);
  transform:rotate(-1deg);
}
.aga-title{
  margin:24px 0 10px!important;
  font-size:clamp(54px,8vw,104px)!important;
  line-height:.86!important;
  letter-spacing:-3px!important;
  color:var(--aga-navy)!important;
  text-transform:uppercase;
  text-shadow:4px 4px 0 #fff;
  font-weight:1000!important;
}
.aga-soon{
  display:block;
  color:var(--aga-orange)!important;
}
.aga-tagline{
  margin:22px 0 12px;
  font-size:clamp(22px,3vw,37px);
  font-weight:900;
}
.aga-intro{
  max-width:650px;
  font-size:clamp(16px,1.65vw,20px);
  line-height:1.55;
  color:#35536e;
  font-weight:650;
}
.aga-spotify{
  margin-top:24px;
  display:inline-flex;
  align-items:center;
  gap:11px;
  text-decoration:none!important;
  background:#1ed760;
  color:#062c15!important;
  padding:15px 22px;
  border-radius:16px;
  font-size:17px;
  font-weight:900;
  box-shadow:0 6px 0 #109c40;
  transition:.18s ease;
}
.aga-spotify:hover{
  transform:translateY(-2px);
  color:#062c15!important;
}
.aga-spotify-icon{
  width:26px;height:26px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#061f10;
  color:#1ed760;
  font-size:15px;
}
.aga-disabled{
  opacity:.55;
  cursor:not-allowed;
}
.aga-verify{
  margin-top:28px;
  max-width:660px;
  background:rgba(255,255,255,.9);
  border:2px dashed var(--aga-blue);
  border-radius:18px;
  padding:16px 18px;
  font-size:14px;
  line-height:1.55;
}
.aga-verify div+div{margin-top:7px}
.aga-verify strong{color:var(--aga-navy)}
.aga-verify a{color:var(--aga-navy);font-weight:800}
.aga-art{
  position:relative;
  min-height:520px;
  display:grid;
  place-items:center;
}
.aga-art img{
  width:min(100%,545px);
  height:auto;
  position:relative;
  z-index:2;
  background:transparent!important;
  mix-blend-mode:normal;
  filter:drop-shadow(0 20px 18px rgba(34,58,77,.22));
}
.aga-sun{
  position:absolute;
  width:370px;height:370px;
  border-radius:50%;
  background:#ffd760;
  right:3%;top:1%;
  box-shadow:0 0 0 18px rgba(255,215,96,.22);
}
.aga-hill{
  position:absolute;
  bottom:20px;right:-90px;
  width:560px;height:185px;
  background:#d76935;
  border-radius:60% 40% 0 0 / 95% 85% 0 0;
  transform:skewX(-7deg);
  opacity:.95;
}
.aga-bg-doodle{
  position:absolute;
  z-index:1;
  font-size:54px;
  filter:drop-shadow(0 2px 0 #fff);
}
.aga-doodle-one{left:3%;top:7%;transform:rotate(-12deg)}
.aga-doodle-two{right:3%;top:16%;transform:rotate(12deg)}
.aga-doodle-three{left:5%;bottom:13%;transform:rotate(8deg)}
.aga-footer{
  background:var(--aga-navy);
  color:#fff;
  min-height:74px;
  padding:14px 24px;
  display:flex;
  gap:16px;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  text-align:center;
}
.aga-footer strong{color:#ffd66b}
.aga-footer small{opacity:.8}
@media(max-width:820px){
  .aga-inner{grid-template-columns:1fr;text-align:center;padding-top:28px}
  .aga-copy{order:1}
  .aga-art{order:0;min-height:380px}
  .aga-art img{max-height:390px;width:auto;max-width:100%}
  .aga-sun{width:260px;height:260px;right:12%}
  .aga-hill{width:440px;height:130px;right:-120px}
  .aga-intro,.aga-verify{margin-left:auto;margin-right:auto}
  .aga-title{letter-spacing:-2px!important}
}

/* v1.0.2 — official artist verification */
.aga-official{display:inline-block;margin:0 0 12px;padding:7px 11px;border:2px solid currentColor;border-radius:8px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
