/* Get Access — popup penjualan Token Server (gaya panel Tracking Web3 Wallet: kaca gelap, aksen emas & ungu). */
.ga-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid #7a6431;background:linear-gradient(120deg,#3a2c10,#1d160a);color:#ffe7ae;
  border-radius:10px;padding:10px 16px;font-weight:750;font-size:13px;letter-spacing:.2px;cursor:pointer;transition:transform .16s cubic-bezier(.23,1,.32,1),border-color .2s ease,box-shadow .2s ease}
.ga-btn:before{content:"";width:7px;height:7px;border-radius:50%;background:#f2c46d;box-shadow:0 0 10px #f2c46d}
@media (hover:hover) and (pointer:fine){.ga-btn:hover{border-color:#f2c46d;box-shadow:0 0 22px rgba(242,196,109,.22)}}
.ga-btn:active{transform:scale(.97)}
.ga-row{margin-top:14px;font-size:12.5px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.at-foot .ga-btn{margin-left:8px}

.ga-modal{position:fixed;inset:0;z-index:120;display:none;align-items:flex-start;justify-content:center;padding:4vh 16px;background:rgba(4,4,9,.74);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:auto}
.ga-modal.open{display:flex;animation:gaFade .2s ease}
@keyframes gaFade{from{opacity:0}to{opacity:1}}
.ga-sheet{position:relative;width:min(980px,100%);border-radius:22px;background:radial-gradient(ellipse at 0% 0%,#2a204e88 0,transparent 45%),radial-gradient(ellipse at 100% 0%,#3a2c1066 0,transparent 42%),#0b0c13;
  border:1px solid #34304a;box-shadow:0 40px 120px #000c;padding:26px 26px 24px;animation:gaRise .3s cubic-bezier(.23,1,.32,1);color:var(--text)}
@keyframes gaRise{from{transform:translateY(16px);opacity:.3}to{transform:none;opacity:1}}
.ga-x{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:1px solid #3a3550;background:#141320;color:#ddd;font-size:15px;cursor:pointer}
.ga-eyebrow{font-size:10px;letter-spacing:2px;color:#f2c46d;text-transform:uppercase}
.ga-sheet h2{margin:6px 0 4px;font-size:clamp(22px,3vw,30px);letter-spacing:-.6px;background:linear-gradient(100deg,#fff 10%,#d9ccff 55%,#f2c46d 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ga-sub{margin:0;color:var(--muted);font-size:12.5px;max-width:640px}
.ga-steps{display:flex;gap:6px;margin:16px 0 18px;flex-wrap:wrap}
.ga-steps span{font-size:11px;padding:5px 11px;border-radius:999px;border:1px solid #2a2d3e;color:#8e94aa;background:#0e1018}
.ga-steps span.on{border-color:#7a6431;color:#ffe7ae;background:#1d160a}
.ga-steps span.done{color:#5ce0b0;border-color:#2d6b55;background:#0f241d}

.ga-promo{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border:1px solid #5a4520;background:linear-gradient(120deg,#2b200b,#120f0a);border-radius:14px;padding:12px 16px;margin-bottom:16px}
.ga-promo b{color:#ffe7ae;font-size:13px}
.ga-promo small{display:block;color:#b9a77a;font-size:11px;margin-top:2px}
.ga-cd{display:flex;gap:6px}
.ga-cd div{min-width:54px;text-align:center;border-radius:10px;background:#0b0a07;border:1px solid #4a3a1a;padding:6px 6px 5px}
.ga-cd b{display:block;font-size:20px;font-variant-numeric:tabular-nums;color:#f2c46d;letter-spacing:-.5px;line-height:1.1}
.ga-cd span{font-size:9px;letter-spacing:1px;color:#b9a77a;text-transform:uppercase}

.ga-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ga-plan{position:relative;display:flex;flex-direction:column;border:1px solid #2c2a3c;border-radius:18px;padding:20px 18px 18px;background:linear-gradient(160deg,rgba(30,27,46,.95),rgba(12,13,20,.95));
  transition:transform .2s cubic-bezier(.23,1,.32,1),border-color .2s ease,box-shadow .2s ease}
@media (hover:hover) and (pointer:fine){.ga-plan:hover{transform:translateY(-3px);border-color:#6d5bb8;box-shadow:0 18px 50px #0009}}
.ga-plan.pop{border-color:#6d5bb8;box-shadow:0 0 0 1px #6d5bb855,0 18px 50px rgba(110,86,220,.18)}
.ga-plan.max{border-color:#7a6431;background:linear-gradient(160deg,rgba(52,40,16,.92),rgba(14,13,18,.96))}
.ga-badge{position:absolute;top:-11px;left:18px;font-size:10px;font-weight:800;letter-spacing:.8px;padding:4px 10px;border-radius:999px;background:#6d5bb8;color:#fff}
.ga-plan.max .ga-badge{background:#f2c46d;color:#1a1306}
.ga-plan h3{margin:0;font-size:18px;letter-spacing:-.3px}
.ga-plan .per{font-size:12px;color:var(--muted);margin-top:2px}
.ga-strike{margin-top:14px;font-size:13px;color:#8e94aa;text-decoration:line-through;text-decoration-color:#ff7188;font-variant-numeric:tabular-nums}
.ga-off{display:inline-block;margin-left:8px;font-size:10.5px;font-weight:800;color:#0b0c13;background:#5ce0b0;border-radius:6px;padding:2px 6px;text-decoration:none}
.ga-price{font-size:clamp(22px,2.6vw,28px);font-weight:800;letter-spacing:-.8px;margin:2px 0 12px;font-variant-numeric:tabular-nums}
.ga-plan.max .ga-price{color:#ffe7ae}
.ga-plan ul{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:7px;font-size:12.5px;color:#cfcbe0}
.ga-plan li:before{content:"✓";color:#5ce0b0;font-weight:800;margin-right:8px}
.ga-plan .btn{margin-top:auto;width:100%}

.ga-grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.ga-card{border:1px solid #262a3a;border-radius:16px;background:rgba(10,11,18,.7);padding:16px}
.ga-card h4{margin:0 0 10px;font-size:13px;letter-spacing:.2px}
.ga-field{display:grid;gap:6px;margin-bottom:11px;font-size:11px;color:#a9a3c4;letter-spacing:.4px}
.ga-field input,.ga-field textarea{background:#0a0c13;border:1px solid #262a3a;color:#eee;border-radius:10px;padding:11px 12px;font:inherit;font-size:13px;letter-spacing:0;resize:vertical}
.ga-field input:focus,.ga-field textarea:focus{outline:none;border-color:#8d7bd0;box-shadow:0 0 0 3px #8d7bd022}
.ga-methods{display:grid;gap:8px}
.ga-method{display:flex;align-items:center;gap:11px;border:1px solid #262a3a;border-radius:12px;padding:11px 12px;cursor:pointer;background:#0d0f17;transition:border-color .2s ease,background-color .2s ease}
.ga-method input{accent-color:#f2c46d}
.ga-method.on{border-color:#7a6431;background:#1d160a}
.ga-method.off{opacity:.5;cursor:not-allowed}
.ga-method b{font-size:13px}.ga-method small{display:block;color:var(--muted);font-size:11px}
.ga-method .soon{margin-left:auto;font-size:10px;border:1px solid #3a3550;border-radius:999px;padding:3px 8px;color:#b9b0dc}
.ga-sum{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:8px 0;border-bottom:1px solid #1d2030}
.ga-sum:last-child{border-bottom:0}
.ga-amount{font-size:30px;font-weight:800;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#ffe7ae;margin:4px 0}
.ga-amount em{font-style:normal;color:#5ce0b0;text-decoration:underline;text-underline-offset:4px}
.ga-copy{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #262a3a;border-radius:12px;padding:10px 12px;background:#0a0c13;margin:8px 0}
.ga-copy code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:#ece8ff;word-break:break-all}
.ga-copy button{flex:0 0 auto;border:1px solid #3a3550;background:#141320;color:#ddd;border-radius:8px;padding:6px 10px;font-size:11.5px;cursor:pointer}
.ga-note{font-size:12px;color:#c9c4de;line-height:1.6;margin:8px 0 0}
.ga-warn{font-size:12px;color:#ffd8a0;border:1px solid #5a4520;background:#1d160a;border-radius:10px;padding:9px 11px;margin-top:10px}
.ga-tg{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.ga-tg a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:700;background:#229ed9;color:#fff}
.ga-tg .ok{color:#5ce0b0;font-size:12.5px}.ga-tg .no{color:#ffb4c0;font-size:12.5px}
.ga-drop{display:grid;place-items:center;gap:6px;border:1px dashed #3a3448;border-radius:14px;padding:18px;text-align:center;color:var(--muted);font-size:12.5px;cursor:pointer;background:#0b0c12}
.ga-drop img{max-width:100%;max-height:180px;border-radius:10px}
.ga-actions{display:flex;justify-content:space-between;gap:10px;margin-top:16px;flex-wrap:wrap}
.ga-err{min-height:18px;color:#ffb4c0;font-size:12.5px;margin-top:8px}
.ga-wait{text-align:center;padding:26px 10px}
.ga-spin{width:46px;height:46px;margin:0 auto 14px;border-radius:50%;border:3px solid #2a2541;border-top-color:#f2c46d;animation:gaSpin 1s linear infinite}
@keyframes gaSpin{to{transform:rotate(360deg)}}
.ga-token{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;color:#ffe7ae;word-break:break-all}

.ga-banner{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px;border:1px solid #5a4520;
  background:linear-gradient(120deg,#2b200b,#120f0a);border-radius:12px;padding:10px 14px;font-size:12.5px;color:#ffe7ae}
.ga-banner.expired{border-color:#6b2d3a;background:linear-gradient(120deg,#2a0f16,#120a0c);color:#ffb4c0}

@media (max-width:860px){.ga-plans{grid-template-columns:1fr}.ga-grid2{grid-template-columns:1fr}.ga-plan.pop{order:-1}}
@media (max-width:560px){.ga-modal{padding:0;align-items:flex-end}.ga-sheet{border-radius:20px 20px 0 0;padding:20px 16px 22px;max-height:94vh;overflow:auto}
  .ga-cd div{min-width:46px}.ga-cd b{font-size:17px}.ga-amount{font-size:25px}.at-foot .ga-btn{margin-left:0}}
@media (prefers-reduced-motion:reduce){.ga-modal.open,.ga-sheet,.ga-spin{animation:none}.ga-plan{transition:none}}
.ga-cur{display:inline-flex;gap:4px;padding:3px;border-radius:999px;border:1px solid #2c3142;background:rgba(255,255,255,.03);margin:0 0 12px;float:right}
.ga-cur button{border:0;background:transparent;color:#9aa1b4;font:600 12px/1 inherit;padding:6px 12px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s}
.ga-cur button.on{background:#f2c46d;color:#1a1305}
.ga-cur+*{clear:both}