:root{
  --bg:#030303;
  --panel:rgba(10,9,5,.82);
  --panel2:rgba(255,255,255,.045);
  --gold:#ffc72c;
  --gold2:#f6a900;
  --gold3:#8b5b00;
  --text:#fff8dc;
  --muted:rgba(255,248,220,.68);
  --line:rgba(255,199,44,.22);
  --line2:rgba(255,255,255,.08);
  --green:#37e88c;
  --red:#ff5c7a;
  --blue:#6bdcff;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{
  background:
    radial-gradient(circle at 80% 0%,rgba(255,199,44,.20),transparent 28%),
    radial-gradient(circle at 8% 100%,rgba(55,232,140,.10),transparent 32%),
    radial-gradient(circle at 50% 20%,rgba(255,199,44,.055),transparent 35%),
    linear-gradient(180deg,#050505,#090806 60%,#020202);
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;
  background-image:
    linear-gradient(rgba(255,199,44,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,199,44,.08) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(180deg,black,transparent 78%);
}
a{color:inherit}
button,input,textarea{font:inherit}
button{cursor:pointer}
.shell{width:min(1180px,100%);margin:0 auto;padding:16px;position:relative}
.hero{
  border:1px solid var(--line);
  border-radius:34px;
  background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,.42));
  box-shadow:0 30px 110px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden;
  position:relative;
}
.hero:after{
  content:"";position:absolute;inset:auto -20% -45% -20%;height:170px;
  background:radial-gradient(ellipse at center,rgba(255,199,44,.20),transparent 62%);
}
.hero.compact{min-height:unset}
.nav{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:16px;position:relative;z-index:2;
}
.nav-btn,.mini-link{
  text-decoration:none;border:1px solid var(--line);border-radius:999px;
  padding:11px 14px;background:rgba(255,199,44,.075);color:var(--gold);
  font-weight:1000;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.brand{display:flex;align-items:center;gap:12px;text-align:left}
.coin{
  width:52px;height:52px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(145deg,#fff5af,#ffc72c,#8c5b00);
  color:#221300;font-size:32px;font-weight:1000;
  box-shadow:0 0 34px rgba(255,199,44,.38), inset 0 1px 0 rgba(255,255,255,.65);
}
.brand-title{font-size:20px;font-weight:1000;letter-spacing:-.04em}
.brand-sub{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-weight:1000}
.hero-body,.sign-hero{
  display:grid;grid-template-columns:.65fr 1.35fr;gap:22px;align-items:center;
  padding:18px 24px 34px;position:relative;z-index:2;
}
.sign-hero{grid-template-columns:auto 1fr;padding-top:10px}
.seal-orb,.action-medal{
  min-height:300px;border:1px solid rgba(255,199,44,.17);border-radius:30px;
  background:radial-gradient(circle,rgba(255,199,44,.13),transparent 62%),rgba(255,255,255,.035);
  display:grid;place-items:center;position:relative;overflow:hidden;
}
.action-medal{min-height:180px;width:210px}
.scan-ring{
  position:absolute;border-radius:50%;border:1px solid rgba(255,199,44,.38);
  box-shadow:0 0 50px rgba(255,199,44,.12);
}
.scan-ring.one{width:220px;height:220px;animation:spin 10s linear infinite}
.scan-ring.two{width:320px;height:150px;transform:rotate(-22deg);animation:spin2 13s linear infinite}
.orb-core,.medal-core{
  width:138px;height:138px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(145deg,#fff7bb,#ffc72c,#8c5b00);
  color:#1f1300;font-size:70px;font-weight:1000;
  box-shadow:0 0 60px rgba(255,199,44,.38), inset 0 2px 0 rgba(255,255,255,.70);
}
.medal-core{font-size:62px}
.medal-glow{position:absolute;width:160px;height:160px;border-radius:50%;background:rgba(255,199,44,.10);filter:blur(22px)}
.eyebrow{color:var(--gold);font-size:12px;letter-spacing:.25em;text-transform:uppercase;font-weight:1000}
h1{
  margin:8px 0 10px;
  font-size:clamp(44px,7vw,92px);
  line-height:.88;letter-spacing:-.075em;
  background:linear-gradient(180deg,#fff9cc,#ffc72c,#9a6500);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
h2{margin:0;font-size:28px;letter-spacing:-.04em}
h3{margin:8px 0 5px;font-size:23px}
p{margin:0;color:var(--muted);font-size:17px;line-height:1.5}
.trust-row{
  display:flex;flex-wrap:wrap;gap:9px;margin-top:18px;
}
.trust-row span{
  border:1px solid rgba(55,232,140,.23);border-radius:999px;
  padding:8px 11px;background:rgba(55,232,140,.055);color:#dffff0;
  font-weight:900;font-size:13px;
}
.dash{
  display:grid;grid-template-columns:180px 1fr auto;gap:12px;margin:14px 0;
}
.stat-card,.wallet-card,.refresh{
  border:1px solid var(--line);border-radius:24px;background:rgba(0,0,0,.42);
  padding:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.stat-card span,.wallet-card span{display:block;color:var(--gold);font-size:12px;font-weight:1000;letter-spacing:.15em;text-transform:uppercase}
.stat-card b{font-size:46px;color:var(--gold);line-height:1}
.wallet-card b{display:block;margin-top:6px;font-size:20px;word-break:break-all}
.stat-card small,.wallet-card small{color:var(--muted)}
.refresh{
  color:var(--text);font-weight:1000;min-width:130px;
}
.section-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 2px 12px;
}
.list{display:grid;gap:12px}
.action-card,.empty-card{
  border:1px solid var(--line);border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
  box-shadow:0 18px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
}
.action-card{
  display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:15px;
}
.action-icon{
  width:64px;height:64px;border-radius:20px;display:grid;place-items:center;
  background:linear-gradient(145deg,rgba(255,199,44,.25),rgba(255,199,44,.06));
  border:1px solid rgba(255,199,44,.28);font-size:30px;
}
.action-main h3{font-size:25px;margin:0 0 4px;letter-spacing:-.04em}
.meta{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0 0}
.tag{
  border:1px solid rgba(255,199,44,.17);border-radius:999px;padding:5px 9px;
  background:rgba(0,0,0,.24);color:var(--muted);font-size:12px;font-weight:800;
}
.review-link{
  text-decoration:none;border-radius:999px;padding:12px 15px;
  background:linear-gradient(145deg,#fff3a8,#ffc72c,#a36a00);
  color:#221300;font-weight:1000;white-space:nowrap;
  box-shadow:0 8px 26px rgba(255,199,44,.18);
}
.empty-card{text-align:center;padding:40px 18px}
.empty-icon{font-size:44px}
.review-grid{
  display:grid;grid-template-columns:320px 1fr;gap:14px;margin-top:14px;
}
.safety-card,.review-card{
  border:1px solid var(--line);border-radius:28px;padding:18px;
  background:linear-gradient(180deg,rgba(0,0,0,.66),rgba(0,0,0,.34));
  box-shadow:0 20px 70px rgba(0,0,0,.32);
}
.risk-pill{
  display:inline-block;border:1px solid rgba(55,232,140,.32);border-radius:999px;
  padding:7px 11px;background:rgba(55,232,140,.08);color:#dffff0;
  font-weight:1000;font-size:12px;letter-spacing:.15em;
}
.safety-card h2{margin:15px 0 12px}
.safety-card ul{padding-left:18px;margin:0;color:var(--muted);line-height:1.65}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.field,.message-card,.advanced{
  border:1px solid rgba(255,199,44,.15);border-radius:18px;
  padding:13px;background:rgba(255,255,255,.035);margin-bottom:10px;
}
.field span,.message-head span{
  display:block;color:var(--gold);font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.16em;margin-bottom:7px;
}
code,pre,textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
code{color:var(--muted);word-break:break-all}
.message-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}
.message-head button{
  border:1px solid var(--line);border-radius:999px;padding:7px 10px;
  background:rgba(255,199,44,.07);color:var(--gold);font-weight:1000;
}
textarea{
  width:100%;min-height:128px;border:0;outline:0;background:transparent;
  color:var(--muted);resize:vertical;line-height:1.45;
}
summary{cursor:pointer;color:var(--gold);font-weight:1000}
pre{white-space:pre-wrap;word-break:break-word;color:var(--muted);max-height:320px;overflow:auto}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:13px}
.actions button{
  border:1px solid var(--line);border-radius:999px;padding:13px 17px;
  background:rgba(255,255,255,.06);color:var(--text);font-weight:1000;
}
.actions .primary{
  background:linear-gradient(145deg,#fff3a8,#ffc72c,#9b6400);
  color:#221300;border-color:#fff4a8;
}
.actions .danger{border-color:rgba(255,92,122,.35);color:#ffd8df;background:rgba(255,92,122,.07)}
.result{
  margin-top:12px;border:1px solid rgba(55,232,140,.26);border-radius:18px;
  padding:14px;background:rgba(55,232,140,.065);color:#dffff0;white-space:pre-wrap;line-height:1.45;
}
.result.err{border-color:rgba(255,92,122,.38);background:rgba(255,92,122,.08);color:#ffd8df}
button:disabled{opacity:.55;cursor:not-allowed}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes spin2{to{transform:rotate(338deg)}}
@media(max-width:900px){
  .hero-body,.sign-hero,.review-grid,.dash{grid-template-columns:1fr}
  .seal-orb,.action-medal{min-height:220px;width:100%}
  .field-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .shell{padding:10px}
  .hero{border-radius:24px}
  .nav{align-items:flex-start}
  .nav-btn:last-child{display:none}
  .hero-body{padding:8px 12px 22px}
  h1{font-size:44px}
  .action-card{grid-template-columns:auto 1fr}
  .review-link{grid-column:1 / -1;text-align:center}
}