@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');

:root { --ink:#13202c; --muted:#72808a; --paper:#f5f7f8; --line:#e1e7ea; --card:#fff; --accent:#19a88b; --accent-dark:#0d806a; --blue:#4777f3; --amber:#e9a63b; --danger:#db5b67; --shadow:0 22px 60px rgba(28,50,64,.08); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Manrope,"Noto Sans SC",sans-serif; -webkit-font-smoothing:antialiased; }
button,input { font:inherit; }
button { border:0; cursor:pointer; }
.app-shell { max-width:1440px; min-height:100vh; margin:0 auto; padding:0 48px; }
.topbar { height:82px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); position:sticky; top:0; z-index:10; background:rgba(245,247,248,.9); backdrop-filter:blur(18px); }
.brand { display:flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none; font-weight:800; letter-spacing:-.04em; font-size:20px; }
.brand-mark { width:30px; height:30px; display:grid; place-items:center; border-radius:10px; color:#fff; background:var(--ink); font-family:"DM Mono",monospace; font-size:15px; box-shadow:0 8px 18px #14202c22; }
.nav-links { display:flex; gap:28px; margin-left:80px; }
.nav-links button,.session-label { background:none; color:var(--muted); font-size:13px; font-weight:600; }
.nav-links button:hover { color:var(--ink); }
.top-actions { display:flex; align-items:center; gap:16px; }
.guest-actions{display:flex;align-items:center;gap:7px}.guest-actions .button{padding:9px 12px;font-size:11px}.account-link{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-size:12px;font-weight:700}.account-link:hover{color:var(--accent-dark)}.account-avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#e4f3ef;color:var(--accent-dark);font-size:15px}
.session-label { font-size:12px; max-width:230px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hidden { display:none !important; }
.hero { padding:102px 0 94px; display:grid; grid-template-columns:1.12fr .88fr; gap:100px; align-items:center; }
.eyebrow { margin:0 0 20px; color:var(--accent-dark); font:500 11px/1 "DM Mono",monospace; letter-spacing:.16em; }
h1,h2,h3,p { margin-top:0; }
h1 { max-width:700px; margin-bottom:25px; font-size:clamp(42px,5vw,72px); letter-spacing:-.075em; line-height:1.04; font-weight:700; }
h1 em { color:var(--accent); font-style:normal; }
.hero-subtitle { max-width:580px; color:var(--muted); font-size:16px; line-height:1.8; }
.hero-actions { display:flex; gap:12px; margin-top:34px; }
.button { border-radius:12px; padding:13px 18px; font-size:13px; font-weight:700; transition:.2s ease; }
.button:hover { transform:translateY(-1px); box-shadow:0 10px 22px #17263118; }
.button-primary { color:#fff; background:var(--ink); }
.button-primary:hover { background:#203444; }
.button-secondary { color:var(--ink); background:#fff; border:1px solid var(--line); }
.button-quiet { color:var(--muted); background:#eef2f3; }
.button:disabled { cursor:not-allowed; opacity:.48; transform:none; box-shadow:none; }
.button-dark { color:#cbd8de; background:#223541; }
.button-ghost { padding:8px 10px; color:var(--ink); background:transparent; }
.trust-row { display:flex; flex-wrap:wrap; gap:22px; margin-top:50px; color:var(--muted); font-size:11px; }
.trust-row span { display:flex; align-items:center; gap:7px; }
.dot { width:6px; height:6px; display:inline-block; border-radius:50%; }.dot-green{background:#3bb98d}.dot-blue{background:#5e82ee}.dot-amber{background:#e4a145}
.hero-card { min-height:360px; padding:27px; border-radius:25px; color:#e9f3f3; background:linear-gradient(145deg,#1a2c38,#0e1b23); box-shadow:0 24px 70px #1b2d3824; position:relative; overflow:hidden; }
.hero-card::after { content:""; width:230px; height:230px; border:1px solid #74dbc733; border-radius:50%; position:absolute; right:-80px; bottom:-80px; box-shadow:0 0 0 28px #74dbc711,0 0 0 56px #74dbc708; }
.hero-card-top,.status-chip { display:flex; align-items:center; justify-content:space-between; color:#9eb0b8; font-size:11px; }.status-chip{gap:6px;color:#93e0c5}.status-chip .dot{width:5px;height:5px}
.hero-balance { margin-top:68px; }.hero-balance span,.hero-mini-grid span,.card-label { color:#7f949f; display:block; font-size:11px; }.hero-balance strong { display:block; margin:11px 0 7px; font-size:45px; letter-spacing:-.06em; }.hero-balance small{color:#71858f;font-size:11px}
.hero-mini-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:54px; }.hero-mini-grid strong{display:block;margin-top:8px;font-size:20px}.hero-line{height:1px;background:#ffffff14;margin:22px 0 16px}.hero-note{max-width:300px;color:#778c96;font-size:10px;line-height:1.7}
.content-section { padding:40px 0 100px; scroll-margin-top:100px; }.section-heading { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:24px; }.section-heading h2{margin:0;font-size:31px;letter-spacing:-.06em}.section-aside{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px}.rate-badge{padding:9px 13px;border-radius:10px;background:#e5f5f0;color:var(--accent-dark);font-size:13px;font-weight:800}.section-tag{padding:8px 10px;border-radius:20px;background:#e9f5f1;color:var(--accent-dark);font:500 10px "DM Mono",monospace}.icon-button{padding:7px 10px;border-radius:9px;color:var(--muted);background:#fff;border:1px solid var(--line);font-size:16px}.icon-button:hover{color:var(--ink);border-color:#bac8cc}
.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }.product-card{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:24px;min-height:230px;display:flex;flex-direction:column;box-shadow:0 4px 20px #23404a04;transition:.22s ease}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.product-card-top{display:flex;justify-content:space-between;align-items:center}.product-code{font:500 10px "DM Mono",monospace;color:var(--muted);letter-spacing:.12em}.stock-chip{font-size:10px;color:var(--accent-dark);background:#e8f7f1;padding:5px 8px;border-radius:6px}.stock-chip.empty{color:#b06f2b;background:#fff3e1}.product-card h3{font-size:20px;margin:32px 0 8px;letter-spacing:-.05em}.product-card p{color:var(--muted);font-size:12px;margin:0}.product-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto;padding-top:25px}.price strong{font-size:26px;letter-spacing:-.06em}.price span{font-size:11px;color:var(--muted);margin-left:3px}.product-bottom .button{padding:9px 12px;font-size:11px}
.split-section{border-top:1px solid var(--line)}.wallet-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:15px}.dark-card{padding:25px;border-radius:17px;background:#172a35;color:#e9f3f3;min-height:255px;display:flex;flex-direction:column}.dark-card strong{font-size:41px;letter-spacing:-.07em;margin-top:15px}.card-help{font-size:11px;color:#849aa4;margin-top:5px}.wallet-actions{display:flex;gap:8px;margin-top:auto}.wallet-actions .button{font-size:11px;padding:10px 12px}.panel-card,.table-card,.ledger-card{background:var(--card);border:1px solid var(--line);border-radius:17px;box-shadow:0 4px 20px #23404a04}.panel-card{padding:25px;min-height:255px}.empty-state{min-height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.empty-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#eef4f4;color:var(--accent);font-size:23px;margin-bottom:13px}.empty-state h3{font-size:16px;letter-spacing:-.03em;margin-bottom:7px}.empty-state p{max-width:320px;color:var(--muted);font-size:12px;line-height:1.7;margin-bottom:17px}.ledger-card{margin-top:15px;padding:20px}.ledger-card h3{font-size:14px;margin-bottom:15px}.ledger-row{display:grid;grid-template-columns:1.2fr .8fr .8fr 1.4fr;gap:10px;padding:12px 0;border-top:1px solid #edf0f1;font-size:11px}.ledger-row span{color:var(--muted)}.amount-plus{color:var(--accent-dark)}.amount-minus{color:var(--danger)}
.search-box{display:flex;gap:6px}.search-box input{width:210px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 11px;font-size:12px;outline:none}.search-box input:focus,input:focus{border-color:#8ebeb3;box-shadow:0 0 0 3px #19a88b17}.table-card{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:11px}.data-table th{text-align:left;color:#849198;font-weight:600;padding:14px 18px;background:#fbfcfc;white-space:nowrap}.data-table td{padding:15px 18px;border-top:1px solid #edf0f1;white-space:nowrap}.table-actions{display:flex;gap:7px;align-items:center}.table-actions .button{padding:7px 9px;font-size:10px}.muted{color:var(--muted)}.status-text{padding:5px 8px;border-radius:6px;background:#eef3f4;color:#56666f;font-size:10px}.status-delivered,.status-approved{background:#e7f6ef;color:var(--accent-dark)}.status-awaiting_payment,.status-paid,.status-pending,.status-claim_pending{background:#fff4e3;color:#ad702e}.status-partial_delivery{background:#eaf0ff;color:#4469bd}.status-refunded,.status-rejected,.status-failed,.status-cancelled,.status-expired{background:#ffebed;color:#b54a57}
.stack-form label{display:grid;gap:6px;font-size:11px;color:var(--muted)}input,select{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px 12px;background:#fff;color:var(--ink);outline:none;font-size:12px}.challenge-inline{display:grid;grid-template-columns:1fr 70px 34px;gap:8px;align-items:end;padding:11px;border:1px dashed #b9d4cf;border-radius:10px;background:#f6fbfa}.challenge-inline strong{display:block;margin-top:5px;color:var(--ink);font-size:13px}.small-label{font-size:10px;color:var(--muted)}
.footer{border-top:1px solid var(--line);padding:24px 0 30px;display:flex;justify-content:space-between;color:#94a0a4;font-size:10px}
.modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:#0b1720a8;backdrop-filter:blur(5px)}.modal-card{width:min(520px,100%);position:relative;padding:30px;border-radius:19px;background:#f9fbfb;box-shadow:0 30px 80px #0510184d}.modal-close{position:absolute;right:16px;top:12px;background:none;color:var(--muted);font-size:25px}.modal-card h2{font-size:27px;letter-spacing:-.06em;margin-bottom:8px}.auth-tabs{display:flex;gap:18px;margin:25px 0 18px;border-bottom:1px solid var(--line)}.auth-tabs button{padding:0 0 12px;background:none;color:var(--muted);font-size:12px;font-weight:700}.auth-tabs button.active{color:var(--ink);border-bottom:2px solid var(--accent)}.stack-form{display:grid;gap:14px}.purchase-fields{display:grid;grid-template-columns:.7fr 1.1fr 1fr;gap:10px}.confirm-box{display:grid;gap:5px;padding:14px 15px;border:1px solid var(--line);border-radius:12px;background:#fff}.confirm-box span,.confirm-box small{color:var(--muted);font-size:10px}.confirm-box strong{font-size:21px}.payment-instructions{display:grid;gap:8px;padding:17px;border:1px solid var(--line);border-radius:13px;background:#fff}.payment-instructions span{color:var(--muted);font-size:10px}.payment-instructions strong{font-size:16px}.payment-instructions .payment-amount{font-size:27px;color:var(--accent-dark)}.payment-instructions code{padding:11px;border-radius:9px;background:#edf2f3;overflow-wrap:anywhere;font-size:11px}.payment-actions{display:flex;gap:8px;margin-top:7px}.form-message{min-height:18px;color:var(--danger);font-size:11px;line-height:1.6;margin:12px 0 0}.toast{position:fixed;right:25px;bottom:25px;z-index:50;max-width:330px;padding:13px 16px;border-radius:11px;background:#142630;color:#fff;font-size:12px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s ease}.toast.show{opacity:1;transform:none}.toast.error{background:#a8404e}
@media (max-width:900px){.app-shell{padding:0 24px}.nav-links{margin-left:0;gap:15px}.hero{grid-template-columns:1fr;gap:45px;padding:70px 0}.hero-card{max-width:520px}.product-grid,.wallet-layout{grid-template-columns:1fr}.footer{gap:10px;flex-wrap:wrap}}
@media (max-width:560px){.app-shell{padding:0 16px}.topbar{height:70px}.nav-links{display:none}.session-label{max-width:130px}h1{font-size:43px}.hero-subtitle{font-size:14px}.section-heading{align-items:flex-start;gap:15px;flex-direction:column}.section-aside{align-self:stretch;justify-content:space-between;flex-wrap:wrap}.rate-badge{width:100%;text-align:center}.search-box{width:100%}.search-box input{flex:1}.purchase-fields{grid-template-columns:1fr}.footer{flex-direction:column}.hero-mini-grid{margin-top:40px}}
.price-cny{display:block;margin-top:7px;font-size:14px;line-height:1.25;color:#4f6269;font-weight:700;letter-spacing:-.01em}
.nav-links a{color:var(--muted);text-decoration:none;font-size:13px;font-weight:600}.nav-links a:hover{color:var(--ink)}.account-main{padding:72px 0 110px}.account-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.account-heading h1{font-size:clamp(38px,4vw,56px);margin:0 0 10px}.account-balance-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:15px}.account-balance-card{min-height:265px}.account-balance-card strong{font-size:44px}.account-note{min-height:265px;display:flex;flex-direction:column;justify-content:center}.account-note h2{font-size:25px;letter-spacing:-.05em;margin:13px 0 8px}.account-note p{max-width:470px;line-height:1.8;font-size:12px}.account-points{display:flex;flex-wrap:wrap;gap:14px;margin-top:13px;color:var(--muted);font-size:11px}.account-points span{display:flex;align-items:center;gap:7px}.account-ledger{margin-top:15px;padding:24px}.account-ledger .section-heading{margin-bottom:13px}.account-ledger h2,.account-record-grid h2{font-size:22px;margin:0}.account-table{overflow:auto}.account-table-row{display:grid;grid-template-columns:1.5fr .8fr .8fr 1.2fr;gap:12px;padding:13px 0;border-top:1px solid #edf0f1;font-size:11px;align-items:center}.account-table-row span{color:var(--muted)}.account-table-head{color:var(--muted);font-size:10px;border-top:0;padding-top:0}.account-record-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.account-record-grid .panel-card{min-height:220px}.card-headline{margin-bottom:18px}.card-headline .eyebrow{margin-bottom:9px}.mini-record-list{display:grid;gap:10px}.mini-record{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid #edf0f1}.mini-record div{display:grid;gap:4px}.mini-record strong{font-size:14px}.mini-record span{color:var(--muted);font-size:10px}.record-status{padding:5px 8px;border-radius:6px;background:#eef3f4;color:#56666f;white-space:nowrap}.record-status.pending{background:#fff4e3;color:#ad702e}.record-status.approved{background:#e7f6ef;color:var(--accent-dark)}.record-status.rejected{background:#ffebed;color:#b54a57}.account-guest{padding:100px 0;text-align:center}.account-guest h1{font-size:clamp(38px,5vw,64px);margin:0 auto 20px}.account-guest .hero-subtitle{margin:0 auto 30px}.footer a{color:inherit;text-decoration:none}.footer a:hover{color:var(--ink)}
@media(max-width:900px){.account-balance-grid,.account-record-grid{grid-template-columns:1fr}.account-heading{align-items:flex-start;gap:18px;flex-direction:column}}
@media(max-width:560px){.account-main{padding-top:50px}.account-table-row{grid-template-columns:1.4fr .8fr .8fr;}.account-table-row span:last-child{display:none}.account-table-head span:last-child{display:none}.account-balance-card strong{font-size:38px}}
.topup-qr-wrap{display:grid;place-items:center;min-height:190px;padding:5px;border-radius:12px;background:#f6f8f8}.payment-qr{width:min(220px,100%);height:auto;image-rendering:pixelated}.qr-fallback{color:var(--muted);font-size:11px}.payment-warning{display:grid;gap:5px;padding:11px;border:1px solid #f0c78d;border-radius:10px;background:#fff8eb;color:#80551f;font-size:11px;line-height:1.55}.payment-warning strong{font-size:12px;color:#7a4d14}
.wallet-actions .button-wallet-topup{flex:1;color:#073d32;background:#43e0ba;font-weight:800;border:1px solid #76efd2;box-shadow:0 9px 24px #1cd3aa42}.wallet-actions .button-wallet-topup:hover{color:#052e27;background:#70ebce;transform:translateY(-1px)}
.topup-confirm-button{width:100%;padding:14px;color:#fff;background:var(--accent);font-weight:800;box-shadow:0 10px 28px #19a88b36}.topup-confirm-button:hover{background:var(--accent-dark);transform:translateY(-1px)}.topup-confirm-button:disabled{opacity:.9;color:#dff8f1;background:#168d77;cursor:wait}.topup-confirm-note{display:block;margin-top:-6px;color:var(--muted);font-size:10px;text-align:center}.form-message.topup-wait-state{padding:10px 12px;border-radius:9px;background:#e8f7f1;color:var(--accent-dark);font-weight:600}
.checkout-test-banner{display:grid;gap:5px;padding:12px 14px;border:1px solid #b7d9d1;border-radius:11px;background:linear-gradient(135deg,#eefaf7,#f8fcfb);color:#35645b}.checkout-test-banner strong{font-size:12px;color:var(--accent-dark)}.checkout-test-banner span{font-size:10px;line-height:1.65}.checkout-submit-button{width:100%;padding:14px;color:#fff;background:linear-gradient(135deg,#0f9f83,#137863);font-weight:800;box-shadow:0 10px 26px #168f7733}.checkout-submit-button:hover{transform:translateY(-1px);box-shadow:0 14px 30px #168f7740}.status-test_completed{color:var(--accent-dark);background:#e7f7f1}.payment-actions .button{flex:1}.payment-instructions+.topup-confirm-button{margin-top:2px}
.brand-mark{width:34px;font-size:10px;letter-spacing:-.06em}.order-section-tools,.account-order-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.product-card{padding:18px;min-height:390px}.product-card-top{padding:2px 2px 0}.product-card-visual{position:relative;isolation:isolate;height:154px;margin:15px 0 19px;padding:18px;border-radius:15px;color:#fff;overflow:hidden;box-shadow:inset 0 1px #ffffff30,0 14px 30px #18333e20}.product-card-visual::before{content:"";position:absolute;z-index:-1;width:170px;height:170px;right:-72px;top:-76px;border:1px solid #ffffff38;border-radius:50%;box-shadow:0 0 0 22px #ffffff12,0 0 0 44px #ffffff0a}.product-card-visual::after{content:"";position:absolute;z-index:-1;inset:0;opacity:.16;background:repeating-linear-gradient(125deg,transparent 0 18px,#fff 19px 20px)}.visual-plus{background:linear-gradient(145deg,#0b765f,#18b18f)}.visual-pro5x{background:linear-gradient(145deg,#203f86,#557cf3)}.visual-pro20x{background:linear-gradient(145deg,#34245e,#8c55d9)}.visual-brand{display:block;font:700 10px "DM Mono",monospace;letter-spacing:.14em}.visual-chip{display:block;width:27px;height:20px;margin-top:18px;border:1px solid #ffffff80;border-radius:5px;background:linear-gradient(135deg,#ffffff55,#ffffff18);box-shadow:inset 8px 0 #ffffff12}.product-card-visual strong{position:absolute;left:18px;bottom:29px;font-size:22px;letter-spacing:-.04em}.product-card-visual small{position:absolute;left:18px;bottom:13px;color:#ffffffb5;font:500 8px "DM Mono",monospace;letter-spacing:.08em}.product-card h3{margin:2px 0 8px}.product-bottom{padding-top:20px}.account-order-history{margin-top:15px;padding:24px;scroll-margin-top:100px}.account-order-history .section-heading{margin-bottom:12px}.account-order-history h2{margin:0;font-size:22px}.account-privacy-note{display:flex;align-items:center;gap:7px;margin:0 0 16px;padding:10px 12px;border-radius:9px;background:#f0f8f6;color:#547169;font-size:10px}.account-order-list{display:grid;gap:10px}.account-order-item{padding:17px;border:1px solid #e6ebed;border-radius:13px;background:linear-gradient(135deg,#fff,#fbfcfc)}.account-order-main{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.account-order-main h3{margin:7px 0 4px;font-size:16px;letter-spacing:-.03em}.account-order-main small{color:var(--muted);font-size:10px}.account-order-no{color:var(--accent-dark);font:500 9px "DM Mono",monospace;letter-spacing:.04em}.account-order-facts{display:grid;grid-template-columns:.55fr 1fr 1fr auto;gap:16px;align-items:end;margin-top:15px;padding-top:13px;border-top:1px solid #edf0f1}.account-order-facts>span{display:grid;gap:5px;color:var(--muted);font-size:9px}.account-order-facts strong{color:var(--ink);font-size:11px}.account-order-actions{min-width:85px;text-align:right}.account-order-actions .button{padding:8px 10px;font-size:10px;text-decoration:none}.account-order-empty{min-height:150px;display:grid;place-items:center;align-content:center;gap:7px;color:var(--muted);text-align:center}.account-order-empty>span{font-size:26px;color:var(--accent)}.account-order-empty strong{color:var(--ink);font-size:14px}.account-order-empty small{font-size:10px}.account-cdk-list{display:grid;gap:9px}.account-cdk-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}.account-cdk-row span{color:var(--muted);font-size:10px}.account-cdk-row code{padding:8px;border-radius:7px;background:#edf3f3;overflow-wrap:anywhere;font-size:11px}.account-cdk-row .button{padding:8px 10px;font-size:10px}.modal-card{max-height:calc(100vh - 40px);overflow:auto}
@media(max-width:760px){.order-section-tools,.account-order-tools{width:100%;align-items:stretch;flex-direction:column}.order-section-tools .search-box,.account-order-tools .search-box{width:100%}.account-order-facts{grid-template-columns:1fr 1fr}.account-order-actions{text-align:left}.product-card{min-height:380px}.account-cdk-row{grid-template-columns:1fr}.account-cdk-row .button{width:100%}}
.account-pagination,.client-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:13px;border-top:1px solid #edf0f1;color:var(--muted);font-size:10px}.account-pagination>div,.client-pagination>div{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.account-pagination .button,.client-pagination .button{min-width:32px;padding:7px 9px;font-size:10px}.account-pagination .button.active,.client-pagination .button.active{color:#fff;background:var(--accent);border-color:var(--accent)}.account-pagination .button:disabled,.client-pagination .button:disabled{opacity:.4;cursor:not-allowed}
.cdk-copy-actions{display:flex;gap:9px;flex-wrap:wrap}.cdk-copy-actions .button{flex:1;min-width:150px}.status-claim_manual_review{color:#a44b58;background:#ffebee}.status-claim_pending{color:#8b651e;background:#fff3d8}
.hero-account-overview{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:13px;width:min(100%,620px);margin:0 0 28px;padding:12px 14px;border:1px solid #dce7e5;border-radius:14px;background:linear-gradient(135deg,#fff,#f3faf8);color:var(--ink);text-decoration:none;box-shadow:0 10px 30px #153a3310;transition:.2s ease}.hero-account-overview:hover{border-color:#98c9be;box-shadow:0 13px 34px #153a3318;transform:translateY(-1px)}.hero-account-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#dff6ef;color:var(--accent-dark);font-size:22px}.hero-account-identity,.hero-account-wallet{display:grid;gap:4px;min-width:0}.hero-account-overview small{color:var(--muted);font-size:9px}.hero-account-overview strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.hero-account-wallet{padding-left:15px;border-left:1px solid var(--line)}.hero-account-wallet strong{color:var(--accent-dark);font-size:14px}.hero-account-overview>b{color:var(--accent-dark);font-size:10px;white-space:nowrap}
.service-entry-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:15px;margin:-18px 0 54px}.service-entry-card{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;min-height:190px;padding:26px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 7px 28px #18333e0a}.service-entry-card h2{margin:4px 0 10px;font-size:22px;letter-spacing:-.05em}.service-entry-card p:not(.eyebrow){max-width:490px;margin:0;color:var(--muted);font-size:12px;line-height:1.75}.service-entry-card p strong{color:var(--ink)}.activation-entry{background:linear-gradient(135deg,#f4fbf8,#fff)}.activation-entry>.button{flex:0 0 auto}.community-entry{align-items:stretch;flex-direction:column;background:linear-gradient(135deg,#142a36,#1b3b46);color:#eef8f6}.community-entry p:not(.eyebrow){color:#9db0b7}.service-link-actions{display:flex;gap:8px;flex-wrap:wrap}.service-link-actions .button{text-decoration:none;font-size:10px;padding:9px 12px}.tg-main-button{color:#052e27;background:#55e2c0;font-weight:800}.tg-main-button:hover{color:#052e27;background:#7aebd0;transform:translateY(-1px)}
.checkout-wallet-status{display:grid;grid-template-columns:1fr auto;gap:5px 15px;padding:13px 15px;border:1px solid #addace;border-radius:12px;background:#eefaf6}.checkout-wallet-status span,.checkout-wallet-status small{color:#54766e;font-size:10px}.checkout-wallet-status strong{color:var(--accent-dark);font-size:18px}.checkout-wallet-status small{grid-column:1/-1}.checkout-wallet-status.insufficient{border-color:#efb5bc;background:#fff2f3}.checkout-wallet-status.insufficient strong,.checkout-wallet-status.insufficient small{color:#a8404e}
@media(max-width:900px){.service-entry-grid{grid-template-columns:1fr;margin-top:0}.service-entry-card{min-height:0}}
@media(max-width:620px){.hero-account-overview{grid-template-columns:auto minmax(0,1fr);}.hero-account-wallet{grid-column:2;padding:0;border:0}.hero-account-overview>b{display:none}.service-entry-card{align-items:stretch;flex-direction:column}.activation-entry>.button{width:100%;text-align:center}.service-link-actions{display:grid}.service-link-actions .button{text-align:center}}
.hero-live-account{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(125px,.75fr) auto;align-items:center;gap:15px;margin-top:22px;padding:13px 14px;border:1px solid #ffffff14;border-radius:13px;background:#ffffff09;color:#e9f3f3;text-decoration:none;position:relative;z-index:1;transition:.2s ease}.hero-live-account:hover{border-color:#71dbc550;background:#ffffff0e;transform:translateY(-1px)}.hero-live-account-identity,.hero-live-account-wallet{display:grid;gap:5px;min-width:0}.hero-live-account small{color:#78909a;font-size:9px}.hero-live-account strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.hero-live-account-wallet{padding-left:15px;border-left:1px solid #ffffff12}.hero-live-account-wallet strong{color:#6be0c2;font-size:14px}.hero-live-account>b{color:#86d9c6;font-size:9px;white-space:nowrap}.hero-live-account+.hero-balance{margin-top:30px}.hero-live-account.hidden+.hero-balance{margin-top:68px}
@media(max-width:620px){.hero-live-account{grid-template-columns:minmax(0,1fr) auto}.hero-live-account-wallet{padding-left:10px}.hero-live-account>b{display:none}}
.fulfillment-progress{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:18px;border:1px solid #b7ded5;border-radius:13px;background:linear-gradient(135deg,#eefaf7,#fff)}.fulfillment-spinner{width:34px;height:34px;border:3px solid #bce9de;border-top-color:var(--accent);border-radius:50%;animation:fulfillment-spin .9s linear infinite}.fulfillment-progress>div{display:grid;grid-template-columns:1fr auto;gap:5px 14px;align-items:center}.fulfillment-progress span:not(.fulfillment-spinner),.fulfillment-progress small{color:var(--muted);font-size:10px}.fulfillment-progress strong{color:var(--accent-dark);font-size:20px}.fulfillment-progress small{grid-column:1/-1;line-height:1.55}.fulfillment-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fulfillment-facts>span{display:grid;gap:5px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.fulfillment-facts small{color:var(--muted);font-size:9px}.fulfillment-facts strong{font-size:11px}.fulfillment-result{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:17px;border:1px solid var(--line);border-radius:13px;background:#fff}.fulfillment-result>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:18px;font-weight:800}.fulfillment-result>div{display:grid;gap:6px}.fulfillment-result strong{font-size:15px}.fulfillment-result p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.fulfillment-result small{font-size:11px;font-weight:800}.result-success{border-color:#a9dacd;background:#effaf7}.result-success>span{color:#fff;background:var(--accent)}.result-warning{border-color:#efcf95;background:#fff8eb}.result-warning>span{color:#fff;background:#d79730}.result-failure{border-color:#efb8be;background:#fff2f3}.result-failure>span{color:#fff;background:#bd4b58}.form-message.fulfillment-warning-state{padding:10px 12px;border-radius:9px;background:#fff5e4;color:#986421;font-weight:600}.form-message.fulfillment-error-state{padding:10px 12px;border-radius:9px;background:#ffebed;color:#ad3f4d;font-weight:600}@keyframes fulfillment-spin{to{transform:rotate(360deg)}}
@media(max-width:560px){.fulfillment-facts{grid-template-columns:1fr}.fulfillment-progress{grid-template-columns:1fr}.fulfillment-spinner{margin:auto}.fulfillment-progress>div{text-align:center}}
.fulfillment-progress-bar{grid-column:1/2;display:block;width:100%;height:8px;overflow:hidden;border:0;border-radius:999px;background:#dcece8;box-shadow:inset 0 1px 2px #173e3420;appearance:none;-webkit-appearance:none}.fulfillment-progress-bar::-webkit-progress-bar{border-radius:999px;background:#dcece8}.fulfillment-progress-bar::-webkit-progress-value{border-radius:999px;background:linear-gradient(90deg,#14a589,#55dfbe);box-shadow:0 0 12px #20b89755;transition:width .45s ease}.fulfillment-progress-bar::-moz-progress-bar{border-radius:999px;background:linear-gradient(90deg,#14a589,#55dfbe);box-shadow:0 0 12px #20b89755}.fulfillment-progress em{grid-column:2;font-style:normal;color:var(--accent-dark);font:700 10px "DM Mono",monospace}.fulfillment-progress small{grid-column:1/-1}
.purchase-limit-note{padding:9px 11px;border-radius:9px;background:#eef6f4;color:#557169;font-size:10px;line-height:1.55}.payment-countdown{display:grid;grid-template-columns:1fr auto;gap:5px 14px;align-items:center;padding:13px 15px;border:1px solid #b6ddd4;border-radius:12px;background:linear-gradient(135deg,#effaf7,#fff)}.payment-countdown span,.payment-countdown small{color:var(--muted);font-size:10px}.payment-countdown strong{color:var(--accent-dark);font:700 25px "DM Mono",monospace;letter-spacing:.03em}.payment-countdown strong.urgent{color:#b94a57;animation:countdown-pulse 1s ease-in-out infinite}.payment-countdown small{grid-column:1/-1}.payment-countdown+.payment-instructions{margin-top:0}@keyframes countdown-pulse{50%{opacity:.55}}
.confirm-dialog{z-index:70}.confirm-card{width:min(430px,100%);padding:30px;text-align:left;border:1px solid #ffffff80}.confirm-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:17px;border-radius:13px;background:#fff0e6;color:#bd5547;font-size:21px;font-weight:800;box-shadow:inset 0 0 0 1px #f0c7bc}.confirm-card h2{margin-bottom:10px}.confirm-card>#confirm-message{margin:0;color:#485b64;font-size:13px;line-height:1.75}.confirm-note{margin:14px 0 0;padding:11px 12px;border:1px solid #efd09b;border-radius:10px;background:#fff8eb;color:#8b6127;font-size:10px;line-height:1.65}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.button-confirm-danger{color:#fff;background:linear-gradient(135deg,#c65b65,#a93f4b);font-weight:800;box-shadow:0 10px 24px #a93f4b25}.button-confirm-danger:hover{background:linear-gradient(135deg,#d0646e,#ad3f4d);transform:translateY(-1px)}
.mini-record-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.mini-record-actions .button{padding:6px 8px;font-size:9px}.button-quiet.danger{color:#b04a57}.record-status.cancelled,.record-status.expired{background:#f0f2f3;color:#718087}.manual-copy-field textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff;color:var(--ink);font:500 11px/1.7 "DM Mono",monospace;outline:none}.manual-copy-field textarea:focus{border-color:#83c8b8;box-shadow:0 0 0 3px #45b89d18}
@media(max-width:560px){.confirm-actions{grid-template-columns:1fr}.mini-record{align-items:flex-start;flex-direction:column}.mini-record-actions{width:100%;justify-content:flex-start}}
.hero-live-account-row{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:9px;align-items:stretch;margin-top:22px;position:relative;z-index:1}.hero-live-account-row .hero-live-account{grid-template-columns:minmax(0,1fr) minmax(145px,.9fr);margin-top:0}.hero-live-account-row .hero-live-account>b{display:none}.hero-live-topup{display:grid;place-items:center;align-content:center;gap:5px;border:1px solid #65d9be55;border-radius:13px;background:linear-gradient(145deg,#37d9b2,#15997e);color:#062f28;text-decoration:none;box-shadow:0 10px 24px #10a48426;transition:.2s ease}.hero-live-topup span{font-size:22px;line-height:1;font-weight:500}.hero-live-topup small{color:#073a31;font-size:9px;font-weight:800;white-space:nowrap}.hero-live-topup:hover{transform:translateY(-1px);background:linear-gradient(145deg,#60e4c4,#24b395);box-shadow:0 13px 28px #10a48435}.hero-live-account-row+.hero-balance{margin-top:30px}.hero-live-account-row.hidden+.hero-balance{margin-top:68px}
@media(max-width:620px){.hero-live-account-row{grid-template-columns:1fr}.hero-live-topup{display:flex;min-height:42px;gap:7px}.hero-live-topup span{font-size:18px}}
.withdrawal-record>div:first-child{min-width:0}.withdrawal-rejection-reason{display:flex!important;align-items:flex-start;gap:6px;margin-top:5px;padding:8px 9px;border:1px solid #f0c2c7;border-radius:8px;background:#fff3f4;color:#a84652!important;font-size:10px!important;line-height:1.55;overflow-wrap:anywhere}.withdrawal-rejection-reason b{flex:0 0 auto;color:#b43d4b;font-size:9px}
.turnstile-block{display:grid;gap:10px;padding:14px;border:1px solid #d7e4e1;border-radius:14px;background:#f7faf9;transition:border-color .2s ease,background .2s ease}.turnstile-block.verified{border-color:#77c8b5;background:#f1fbf8}.turnstile-block>small{color:var(--muted);font-size:10px}.turnstile-box{width:100%;min-height:65px}