:root{--acid:#00ff9d;--pink:#ff3dd8;--line:rgba(255,255,255,.14);
  --mono:ui-monospace,"JetBrains Mono","Cascadia Mono",Menlo,Consolas,"Courier New",monospace}
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
body{font-family:var(--mono);color:#eae2ff;
  background:radial-gradient(circle,rgba(0,255,157,.08) 1.2px,transparent 1.7px) 0 0/22px 22px,
             radial-gradient(1100px 760px at 50% 42%,#150a24 0%,#07040d 72%);
  animation:edots 9s linear infinite;
  display:flex;align-items:center;justify-content:center;padding:24px}
@keyframes edots{from{background-position:0 0,center}to{background-position:22px 22px,center}}
.agCard{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(360px,90vw);text-align:center}
.agMark{height:104px;width:auto;filter:drop-shadow(0 0 24px rgba(0,255,157,.5))}
.agTitle{font-weight:800;font-size:clamp(1.7rem,7vw,2.6rem);letter-spacing:.05em;
  background:linear-gradient(100deg,var(--acid),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}
.agSub{font-size:.62rem;letter-spacing:.34em;color:rgba(255,61,216,.8);margin-top:-8px}
.agHint{font-size:.74rem;color:rgba(200,185,225,.65);margin-top:6px;line-height:1.55}
#agCode{width:100%;margin-top:6px;background:rgba(10,7,19,.85);border:1.5px solid var(--line);border-radius:10px;
  color:#eae2ff;padding:13px;font-family:var(--mono);font-size:.95rem;text-align:center;letter-spacing:.14em;
  text-transform:uppercase;outline:none;transition:border-color .2s}
#agCode:focus{border-color:var(--acid);box-shadow:0 0 18px rgba(0,255,157,.22)}
#agGo{width:100%;background:linear-gradient(180deg,#5cffc0,#00cc7a);color:#04140c;border:0;border-radius:100px;
  padding:14px;font-family:var(--mono);font-weight:800;font-size:.9rem;letter-spacing:.06em;cursor:pointer;
  box-shadow:0 10px 40px -8px rgba(0,255,157,.6)}
#agGo:active{transform:translateY(1px)}
.agMsg{font-size:.72rem;color:#ff5c7a;min-height:1em}
.agCard.shake{animation:agShake .4s}
@keyframes agShake{10%,90%{transform:translateX(-2px)}30%,70%{transform:translateX(5px)}50%{transform:translateX(-7px)}}
.agFoot{font-size:.6rem;letter-spacing:.22em;color:rgba(200,185,225,.35);margin-top:18px}