@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap');
:root{--bg:#080c1b;--surface:rgba(15,22,46,.77);--surface-2:rgba(21,29,60,.82);--line:rgba(125,211,252,.16);--cyan:#39c8ff;--blue:#159dff;--purple:#56248d;--text:#f3f7ff;--muted:#9ca9c8;--success:#67e9c5}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 16% 8%,#142e5b 0,transparent 30%),radial-gradient(circle at 88% 88%,#260f48 0,transparent 35%),var(--bg);font-family:"DM Sans",Arial,sans-serif;overflow-x:hidden}.background-glow{position:fixed;width:38rem;height:38rem;filter:blur(80px);opacity:.22;border-radius:50%;pointer-events:none}.glow-one{top:-22rem;left:-16rem;background:#09c7ff}.glow-two{right:-18rem;bottom:-22rem;background:#7434b3}.page-shell{width:min(1160px,calc(100% - 32px));margin:0 auto;padding:26px 0 44px;position:relative}.brand-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.brand{color:var(--text);text-decoration:none;display:flex;align-items:center;gap:11px;font-family:Outfit,sans-serif;font-size:18px;letter-spacing:.4px}.brand img{height:48px;width:48px;border-radius:50%;border:2px solid var(--cyan);object-fit:cover;box-shadow:0 0 22px rgba(57,200,255,.4)}.brand strong{color:var(--cyan)}.secure-badge,.status-pill{font-size:11px;letter-spacing:.9px;font-weight:700;color:#cceeff}.secure-badge{padding:9px 12px;border:1px solid var(--line);border-radius:99px;background:rgba(14,29,57,.55)}.secure-badge span{color:var(--cyan);margin-right:5px}.checkout-card{display:grid;grid-template-columns:1.23fr .77fr;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:rgba(7,12,29,.7);backdrop-filter:blur(22px);box-shadow:0 24px 80px rgba(0,0,0,.38);animation:enter .45s ease both}.order-panel,.payment-panel{padding:34px}.order-panel{border-right:1px solid var(--line);background:linear-gradient(145deg,rgba(24,39,76,.6),rgba(11,16,36,.7))}.payment-panel{background:linear-gradient(160deg,rgba(48,19,83,.37),rgba(12,19,47,.7))}.panel-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:28px}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:1.8px;font-size:11px;font-weight:700;color:var(--cyan)}h1,h2{font-family:Outfit,sans-serif;margin:0;letter-spacing:-.4px}h1{font-size:29px}h2{font-size:28px;line-height:1.05}.status-pill{padding:7px 9px;border-radius:7px;background:rgba(87,242,135,.1);color:var(--success);border:1px solid rgba(87,242,135,.2);white-space:nowrap}.game-list{display:grid;gap:13px}.game{display:grid;grid-template-columns:128px 1fr auto;gap:15px;align-items:center;padding:10px;border:1px solid rgba(150,213,255,.1);border-radius:14px;background:rgba(8,14,33,.5);transition:transform .2s ease,border-color .2s ease}.game:hover{transform:translateY(-2px);border-color:rgba(57,200,255,.36)}.game img{display:block;width:128px;height:60px;object-fit:cover;border-radius:8px;background:#111a31}.game-title{font-weight:700;font-size:15px;line-height:1.25}.game-meta{font-size:12px;color:var(--muted);margin-top:5px}.game-price{text-align:right;font-family:Outfit,sans-serif}.game-price del{display:block;color:#8290ad;font-size:12px;margin-bottom:3px}.game-price strong{color:#eafaff;font-size:17px}.breakdown{margin-top:25px;padding-top:17px;border-top:1px solid var(--line);display:grid;gap:12px}.breakdown>div{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:14px}.breakdown strong{color:var(--text);font-size:14px}.breakdown .total-row{padding-top:13px;border-top:1px solid rgba(125,211,252,.12);color:#e9f5ff;font-family:Outfit,sans-serif;font-size:17px}.total-row strong{font-size:25px;color:var(--cyan)}.intro{color:var(--muted);font-size:14px;line-height:1.55;margin:14px 0 24px}.due-card{border:1px solid rgba(57,200,255,.26);padding:22px;border-radius:16px;background:linear-gradient(135deg,rgba(13,141,217,.17),rgba(94,36,141,.23));display:grid;gap:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.due-card span{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:#b8dff0;font-weight:700}.due-card strong{font:700 38px Outfit,sans-serif;color:white}.due-card small{color:#9fc5da;font-size:11px;font-weight:700;letter-spacing:1px}.payment-placeholder{display:flex;gap:13px;align-items:flex-start;margin:21px 0;padding:16px;border:1px solid rgba(153,118,210,.24);background:rgba(32,19,62,.35);border-radius:14px}.placeholder-icon{color:var(--cyan);font-size:26px;line-height:1}.payment-placeholder strong{font-size:14px}.payment-placeholder p{font-size:12px;line-height:1.45;color:var(--muted);margin:4px 0 0}.expiry{font-size:12px;color:var(--muted);padding-top:3px}.expiry span{color:var(--cyan);font-size:16px;margin-right:4px}.expiry strong{color:#dbefff}.support-footer{text-align:center;margin:27px auto 0;color:#9daac8;font-size:13px}.support-footer p{margin:10px 0 0}.discord-button{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(126,104,206,.55);border-radius:10px;padding:11px 16px;background:linear-gradient(135deg,#5865f2,#4c2d94);color:white;text-decoration:none;font-weight:700;font-size:13px;box-shadow:0 10px 25px rgba(69,42,154,.22);transition:transform .2s ease,box-shadow .2s ease}.discord-button:hover{transform:translateY(-2px);box-shadow:0 15px 33px rgba(57,200,255,.25)}.loading-card,.state-card{min-height:430px;display:grid;place-content:center;text-align:center;gap:11px;border:1px solid var(--line);border-radius:26px;background:var(--surface);backdrop-filter:blur(18px)}.loading-card p{color:var(--muted)}.spinner{width:34px;height:34px;border:3px solid rgba(57,200,255,.18);border-top-color:var(--cyan);border-radius:50%;margin:auto;animation:spin .8s linear infinite}.state-card{padding:30px}.state-icon{margin:auto;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:rgba(237,66,69,.15);color:#ff9898;font:bold 25px Outfit,sans-serif}.state-card h1{font-size:26px}.state-card p{color:var(--muted);max-width:360px;margin:0 auto 10px}.hidden{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:820px){.checkout-card{grid-template-columns:1fr}.order-panel{border-right:0;border-bottom:1px solid var(--line)}.order-panel,.payment-panel{padding:25px}.brand-header{margin-bottom:18px}.secure-badge{display:none}}@media(max-width:490px){.page-shell{width:min(100% - 22px,1160px);padding-top:14px}.brand span{font-size:15px}.brand img{width:40px;height:40px}.order-panel,.payment-panel{padding:20px}.game{grid-template-columns:94px 1fr;gap:11px}.game img{width:94px;height:53px}.game-price{grid-column:2;text-align:left;margin-top:-9px}.panel-heading{margin-bottom:20px}h1{font-size:25px}h2{font-size:25px}}