@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&display=swap');

:root{--bg:#050806;--panel:#0a120d;--panel2:#0d1710;--line:#1c2b20;--green:#7DFF39;--green2:#B7FF58;--text:#F5F8F5;--muted:#849187;--danger:#ff5a67;--warning:#f2c94c;--shadow:0 30px 90px rgba(0,0,0,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 18% 4%,rgba(86,255,53,.08),transparent 28%),radial-gradient(circle at 86% 52%,rgba(86,255,53,.05),transparent 30%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;letter-spacing:.01em}.hidden{display:none!important}.ambient{position:fixed;border-radius:999px;filter:blur(90px);pointer-events:none;opacity:.18}.ambient-a{width:300px;height:300px;background:#36ff21;left:-140px;top:20%}.ambient-b{width:260px;height:260px;background:#98ff3e;right:-150px;bottom:15%}.app-shell{width:min(1060px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px;position:relative}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 0 34px}.brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none}.brand-logo{width:52px;height:52px;border-radius:15px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 0 30px rgba(122,255,56,.08)}.brand-text{display:flex;flex-direction:column;gap:1px}.brand-text strong{font-size:21px;line-height:1;font-weight:900;letter-spacing:.08em}.brand-text span{font-size:10px;color:#869488;letter-spacing:.15em}.secure{border:1px solid #203125;background:#0b140e;padding:10px 14px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#bac5bc;display:flex;align-items:center;gap:8px}.secure-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.hero{padding:44px 0 40px;max-width:800px}.eyebrow,.kicker{font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--green2)}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:28px;height:1px;background:var(--green)}.hero h1{font-size:clamp(44px,7vw,82px);line-height:.92;letter-spacing:-.055em;margin:18px 0 22px;font-weight:950}.hero p{max-width:720px;margin:0;color:#9da89f;font-size:14px;line-height:1.8;letter-spacing:.06em}.progress{display:flex;align-items:center;margin:10px 0 26px}.progress-item{display:flex;align-items:center;gap:8px;color:#526058;transition:.25s}.progress-item b{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid #243127;background:#09110c;font-size:11px}.progress-item span{font-size:9px;font-weight:800;letter-spacing:.12em}.progress-item.active{color:#d9ffe0}.progress-item.active b{border-color:#67ff34;background:#142716;color:var(--green);box-shadow:0 0 25px rgba(126,255,57,.12)}.progress-line{height:1px;background:#1c2b20;flex:1;margin:0 10px}.panel{background:linear-gradient(160deg,rgba(14,24,17,.98),rgba(7,13,9,.98));border:1px solid #1e2f22;border-radius:28px;padding:28px;box-shadow:var(--shadow);overflow:hidden;position:relative}.panel:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(126,255,57,.45),transparent)}.panel-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;margin-bottom:24px}.panel h2{margin:6px 0 4px;font-size:28px;letter-spacing:-.035em}.panel-head p{margin:0;color:#7d8b81;font-size:11px;line-height:1.55;letter-spacing:.07em}.live-badge{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:900;color:#aaffe1;border:1px solid rgba(125,255,57,.18);background:rgba(125,255,57,.06);padding:9px 12px;border-radius:999px;white-space:nowrap}.live-badge i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.live-badge.fallback{color:#f2d889;border-color:rgba(242,201,76,.22);background:rgba(242,201,76,.07)}.live-badge.fallback i{background:#f2c94c;box-shadow:0 0 12px #f2c94c}.exchange-card{border:1px solid #1d2c21;background:#071009;border-radius:23px;overflow:hidden}.exchange-block{padding:22px}.exchange-block.receive{background:#0b150e}.exchange-block label,.field>span,.section-label{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:#77867b;margin-bottom:10px}.amount-row{display:flex;align-items:center;gap:16px}.amount-row input,.amount-output{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#fff;font-size:clamp(38px,7vw,62px);font-weight:900;letter-spacing:-.05em;width:100%;padding:0}.asset-pill{height:50px;display:flex;align-items:center;gap:9px;border:1px solid #293a2d;background:#111c14;border-radius:999px;padding:0 16px;font-size:14px;white-space:nowrap}.tether{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#26a17b;color:#fff;font-weight:900}.flag{font-size:22px}.rate-strip{height:45px;border-top:1px solid #17241a;border-bottom:1px solid #17241a;display:flex;align-items:center;justify-content:center;gap:10px;color:#97a49a;font-size:11px;letter-spacing:.07em}.rate-strip span{color:var(--green)}.fee-line{display:flex;justify-content:space-between;gap:20px;margin:14px 2px 24px;color:#7e8a81;font-size:11px;letter-spacing:.06em}.fee-line strong{color:#ced6d0}.network-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.network-card{position:relative;border:1px solid #203126;background:#0a140d;color:#fff;border-radius:16px;padding:14px;text-align:left;display:flex;align-items:center;gap:11px;cursor:pointer;transition:.2s}.network-card:hover{transform:translateY(-1px);border-color:#37533c}.network-card.active{border-color:#6cff37;background:linear-gradient(180deg,#132619,#0b160f);box-shadow:inset 0 0 0 1px rgba(125,255,57,.08),0 8px 30px rgba(75,255,39,.07)}.network-card strong{display:block;font-size:12px}.network-card small{display:block;margin-top:2px;color:#718076;font-size:9px}.network-card i{font-style:normal;margin-left:auto;opacity:0;color:var(--green)}.network-card.active i{opacity:1}.network-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:900;background:#152219}.network-icon.tron{color:#ff4b55}.network-icon.eth{color:#9da8ff}.network-icon.bnb{color:#f3ba2f}.primary-btn,.secondary-btn,.mini-btn{border:0;font:inherit;cursor:pointer;font-weight:900;letter-spacing:.08em}.primary-btn{width:100%;margin-top:20px;min-height:58px;padding:0 20px;border-radius:16px;background:linear-gradient(100deg,#64ef2f,#a7ff45);color:#081006;box-shadow:0 14px 35px rgba(110,255,59,.13);transition:.2s}.primary-btn:hover{transform:translateY(-1px);filter:brightness(1.03)}.primary-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.primary-btn.compact{width:auto;min-width:240px;margin-top:0}.secondary-btn{min-height:58px;padding:0 20px;border-radius:16px;background:#0c1510;color:#d5ddd7;border:1px solid #223126}.field{display:block;margin-bottom:16px}.field input,.field select{width:100%;height:58px;border:1px solid #24352a;border-radius:15px;background:#08110b;color:#fff;padding:0 16px;outline:0;font-size:14px;transition:.2s}.field input:focus,.field select:focus{border-color:#61e936;box-shadow:0 0 0 3px rgba(96,233,54,.08)}.field input::placeholder{color:#4f5e54}.field small{display:block;color:#5e6c62;font-size:9px;line-height:1.5;margin-top:7px;letter-spacing:.05em}.form-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bank-trigger{width:100%;height:64px;border:1px solid #24352a;border-radius:16px;background:#08110b;color:#fff;padding:0 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.bank-choice{display:flex;align-items:center;gap:13px;font-size:13px;font-weight:800;text-align:left}.bank-placeholder,.selected-bank-logo{width:38px;height:38px;border-radius:50%;flex:0 0 38px}.bank-placeholder{display:grid;place-items:center;background:#132019;border:1px solid #29402e;color:var(--green);font-size:11px}.selected-bank-logo{background:#fff;object-fit:contain;padding:4px}.chev{color:#8b988e;font-size:22px}.notice{border:1px solid #23372a;background:#0a150d;border-radius:15px;padding:14px 16px;color:#9aaa9e;font-size:10px;line-height:1.55;display:flex;gap:8px;flex-wrap:wrap}.notice b{color:#dfffe3}.notice.warning{border-color:#564c1c;background:#18160b;color:#e2cf78}.notice.error{border-color:#5e2530;background:#1b0d10;color:#ff9ba3}.notice.success{border-color:#285637;background:#0d1b12;color:#a6e6b5}.action-row{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.summary-card{border:1px solid #223126;background:#08110b;border-radius:18px;overflow:hidden}.summary-row{display:flex;justify-content:space-between;gap:20px;padding:15px 17px;border-bottom:1px solid #17241a;font-size:11px;color:#7f8d83;align-items:center}.summary-row:last-child{border-bottom:0}.summary-row strong{color:#e6ece7;text-align:right;word-break:break-word}.summary-row.total{background:#0f1d13}.summary-row.total strong{color:var(--green);font-size:18px}.confirm-row{display:flex;gap:12px;margin-top:16px;color:#89968d;font-size:10px;line-height:1.55}.confirm-row input{accent-color:#7dff39;margin-top:3px}.success-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin-bottom:18px;background:#77ff37;color:#061005;font-size:28px;font-weight:950;box-shadow:0 0 35px rgba(119,255,55,.16)}.wallet-card{border:1px solid #28402e;background:linear-gradient(180deg,#0d1b12,#08110b);border-radius:18px;padding:18px}.wallet-top{display:flex;justify-content:space-between;color:#75847a;font-size:10px;letter-spacing:.08em}.wallet-top strong{color:var(--green)}.wallet-card code{display:block;margin:13px 0;word-break:break-all;color:#e8f1ea;font-size:13px;line-height:1.5}.mini-btn{background:#17251b;color:#cdebd2;border:1px solid #2b4130;border-radius:10px;padding:10px 13px;font-size:9px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(8px);z-index:50;display:grid;place-items:center;padding:22px}.bank-sheet{width:min(760px,100%);max-height:min(760px,90vh);overflow:hidden;border:1px solid #23372a;border-radius:28px;background:#08120b;box-shadow:0 40px 120px #000;display:flex;flex-direction:column}.sheet-handle{width:48px;height:4px;border-radius:5px;background:#34433a;margin:10px auto 0}.modal-head{padding:18px 20px 13px;display:flex;align-items:center;justify-content:space-between}.modal-head h3{margin:5px 0 0;font-size:23px}.close-btn{width:40px;height:40px;border-radius:50%;border:1px solid #26372b;background:#101b13;color:#fff;font-size:22px;cursor:pointer}.search-wrap{margin:0 20px 10px;height:48px;border:1px solid #213227;background:#0c1710;border-radius:14px;display:flex;align-items:center;gap:10px;padding:0 14px;color:#6d7c71}.search-wrap input{flex:1;background:transparent;border:0;outline:0;color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em}.bank-list{padding:4px 16px 18px;overflow:auto}.bank-option{width:100%;border:0;border-bottom:1px solid #17261b;background:transparent;color:#fff;padding:13px 7px;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer;border-radius:12px;transition:.15s}.bank-option:hover{background:#0e1a12}.bank-logo-wrap{width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:0 0 44px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.12)}.bank-logo-wrap img{width:100%;height:100%;object-fit:contain}.bank-option strong{display:block;font-size:13px}.bank-option small{display:block;color:#718076;margin-top:3px;font-size:10px;letter-spacing:.05em}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#dfffcc;color:#0a1607;border-radius:999px;padding:11px 16px;font-size:10px;font-weight:900;letter-spacing:.06em;opacity:0;pointer-events:none;transition:.2s;z-index:80;box-shadow:0 14px 50px rgba(0,0,0,.35)}.toast.show{opacity:1;transform:translate(-50%,0)}footer{padding:28px 4px 0;display:flex;align-items:center;gap:14px;color:#536058;font-size:9px;letter-spacing:.08em}footer span:nth-child(2){margin-left:auto}footer a{color:#819187;text-decoration:none}.loading{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid rgba(0,0,0,.2);border-top-color:#071006;animation:spin .7s linear infinite;margin-right:8px;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.app-shell{width:min(100% - 22px,600px);padding-top:14px}.topbar{padding-bottom:12px}.brand-logo{width:44px;height:44px}.brand-text strong{font-size:18px}.secure{padding:8px 10px;font-size:8px}.hero{padding:30px 4px 30px}.hero h1{font-size:48px}.hero p{font-size:11px}.progress-item span{display:none}.progress-line{margin:0 6px}.panel{padding:20px;border-radius:23px}.panel-head{display:block}.live-badge{display:inline-flex;margin-top:12px}.amount-row input,.amount-output{font-size:42px}.asset-pill{height:44px;padding:0 12px}.network-grid{grid-template-columns:1fr}.network-card{padding:12px}.form-grid.two{grid-template-columns:1fr}.action-row{display:grid;grid-template-columns:1fr}.primary-btn.compact{width:100%;min-width:0;grid-row:1}.secondary-btn{grid-row:2}.summary-row{align-items:flex-start}.modal{padding:0;place-items:end center}.bank-sheet{width:100%;max-height:88vh;border-radius:28px 28px 0 0}.bank-option{padding:12px 5px}footer{flex-wrap:wrap}footer span:nth-child(2){margin-left:0;width:100%;order:3}}
.network-icon.pol{background:rgba(130,79,255,.14);color:#a98bff;border-color:rgba(169,139,255,.24)}


/* V6 — TRANSFER EXPERIENCE */
.transfer-panel{padding:30px}.transfer-head{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin-bottom:22px}.transfer-head .success-icon{margin:0}.transfer-head h2{margin:5px 0 4px;font-size:32px;letter-spacing:-.035em}.transfer-head p{margin:0;color:#718076;font-size:10px;line-height:1.6;letter-spacing:.04em;max-width:650px}.action-required{min-width:145px;border:1px solid rgba(255,211,90,.28);background:rgba(255,196,41,.07);border-radius:15px;padding:11px 13px;color:#ffd45e}.action-required i{display:inline-block;width:7px;height:7px;background:#ffd45e;border-radius:50%;box-shadow:0 0 14px #ffd45e;margin-right:6px}.action-required span{font-size:8px;font-weight:900;letter-spacing:.12em}.action-required strong{display:block;font-size:14px;margin-top:4px}.transfer-summary{margin-bottom:18px}.transfer-steps{display:grid;gap:0}.transfer-step-card{display:grid;grid-template-columns:50px 1fr;gap:16px;border:1px solid #203126;background:linear-gradient(145deg,#09130d,#071009);border-radius:20px;padding:20px}.transfer-step-card.active{border-color:#315338;box-shadow:inset 0 0 0 1px rgba(125,255,57,.035)}.transfer-step-no{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#132219;border:1px solid #2e4a35;color:#9cff64;font-size:15px;font-weight:950}.transfer-step-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.transfer-step-title>div>span{font-size:8px;color:#74ff3d;font-weight:900;letter-spacing:.16em}.transfer-step-title h3{margin:4px 0 0;font-size:21px;letter-spacing:-.02em}.network-transfer-pill,.verification-pill{border-radius:999px;padding:8px 11px;font-size:8px;font-weight:900;letter-spacing:.1em;white-space:nowrap}.network-transfer-pill{color:#9cff69;border:1px solid #2c4c34;background:#102016}.verification-pill{color:#9db0ff;border:1px solid #2b3557;background:#10152a}.transfer-instruction{color:#7c8a80;font-size:10px;line-height:1.65;letter-spacing:.04em;margin:11px 0 15px;max-width:760px}.premium-wallet{padding:0;overflow:hidden;border-color:#32503a;background:linear-gradient(145deg,#0d1c12,#07100a)}.premium-wallet .wallet-top{padding:13px 15px;border-bottom:1px solid #1b3021;background:rgba(125,255,57,.035)}.wallet-address-box{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:16px}.premium-wallet code{margin:0;padding:0;font-size:14px;color:#f0fff2;word-break:break-all}.copy-wallet-btn{height:46px;border:1px solid #37553e;background:#15241a;color:#c8ffac;border-radius:12px;padding:0 15px;font-size:9px;font-weight:900;letter-spacing:.08em;cursor:pointer;white-space:nowrap}.copy-wallet-btn:hover{background:#1b3020}.copy-wallet-btn span{font-size:15px;margin-right:5px}.transfer-warning{display:flex;gap:10px;align-items:flex-start;margin-top:11px;border:1px solid rgba(255,201,62,.22);background:rgba(255,188,40,.055);border-radius:12px;padding:11px 13px;color:#c7ad61;font-size:9px;line-height:1.5}.transfer-warning strong{color:#ffd86a;letter-spacing:.08em}.transfer-connector{height:28px;display:flex;align-items:center;padding-left:20px}.transfer-connector span{width:2px;height:28px;background:linear-gradient(#3c663f,#253829)}.txid-field{margin:0}.txid-field input{height:64px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;border-color:#29402f}.transfer-submit{margin-top:14px}.transfer-step-card .notice{margin-top:12px}
@media(max-width:760px){.transfer-panel{padding:20px}.transfer-head{grid-template-columns:auto 1fr}.transfer-head .action-required{grid-column:1/-1;min-width:0}.transfer-head h2{font-size:26px}.transfer-step-card{grid-template-columns:40px 1fr;padding:16px;gap:12px}.transfer-step-no{width:36px;height:36px}.wallet-address-box{grid-template-columns:1fr}.copy-wallet-btn{width:100%}.transfer-step-title{display:block}.network-transfer-pill,.verification-pill{display:inline-block;margin-top:9px}.premium-wallet code{font-size:12px}.transfer-connector{padding-left:17px}}

/* V9 — CUSTOMER TRACKING CTA */
.txid-success-card{margin-top:14px;border:1px solid rgba(125,255,57,.3);background:linear-gradient(145deg,#102619,#09140d);border-radius:18px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start;box-shadow:inset 0 0 0 1px rgba(125,255,57,.04)}
.txid-success-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#7DFF39;color:#071007;font-weight:950;font-size:20px}.txid-success-copy span{display:block;color:#92ff5d;font-size:9px;font-weight:900;letter-spacing:.15em}.txid-success-copy strong{display:block;color:#fff;margin-top:4px;font-size:15px;letter-spacing:.02em}.txid-success-copy p{color:#7e9284;font-size:9px;line-height:1.6;margin:6px 0 0}.track-order-btn,.copy-track-btn{grid-column:1/-1;min-height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:950;letter-spacing:.09em;text-decoration:none}.track-order-btn{background:linear-gradient(100deg,#64ef2f,#a7ff45);color:#071006;margin-top:3px}.copy-track-btn{border:1px solid #2b4633;background:#101d14;color:#c8ffac;cursor:pointer;margin:0;font-family:inherit}

/* V9 — TRACK ORDER PAGE */
.track-shell{width:min(760px,calc(100% - 28px));margin:0 auto;padding:24px 0 50px}.track-hero{padding:42px 0 24px}.track-hero h1{font-size:clamp(40px,8vw,68px);line-height:.95;letter-spacing:-.05em;margin:12px 0 14px}.track-hero p{color:#89978d;line-height:1.65;font-size:12px;max-width:620px}.track-card{border:1px solid #203126;background:linear-gradient(150deg,#0b160f,#071009);border-radius:26px;padding:24px;box-shadow:var(--shadow)}.track-status{border-radius:18px;padding:18px;margin-bottom:18px;border:1px solid #2d4433;background:#0d1a12}.track-status small{font-size:9px;letter-spacing:.13em;color:#809087;font-weight:900}.track-status strong{display:block;font-size:27px;margin-top:5px}.track-status p{margin:6px 0 0;color:#8ca095;font-size:10px;line-height:1.55}.track-status.crypto_submitted{border-color:#294a66;background:#0b1820}.track-status.crypto_submitted strong{color:#68bfff}.track-status.verified{border-color:#27604c;background:#0b1b15}.track-status.verified strong{color:#5ff0b3}.track-status.paid{border-color:#3a6b32;background:#10200d}.track-status.paid strong{color:#7DFF39}.track-status.rejected{border-color:#68303a;background:#200d11}.track-status.rejected strong{color:#ff7380}.track-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.track-kv{border:1px solid #1d2e22;background:#08110b;border-radius:14px;padding:13px}.track-kv span{display:block;color:#718178;font-size:8px;font-weight:900;letter-spacing:.12em}.track-kv b{display:block;margin-top:5px;font-size:12px;word-break:break-word}.track-kv.total{grid-column:1/-1;background:#0e1d13}.track-kv.total b{font-size:22px;color:#7DFF39}.track-timeline{display:grid;gap:0;margin:18px 0}.track-step{display:grid;grid-template-columns:34px 1fr;gap:12px;position:relative;padding-bottom:19px}.track-step:last-child{padding-bottom:0}.track-step:not(:last-child):before{content:"";position:absolute;left:16px;top:31px;width:2px;height:calc(100% - 16px);background:#1f3024}.track-dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid #2a3d2f;background:#0a140d;color:#617066;font-size:11px;font-weight:900;z-index:1}.track-step.done .track-dot{background:#16331b;border-color:#4e9d4d;color:#8fff55}.track-step.current .track-dot{background:#7DFF39;border-color:#7DFF39;color:#071006;box-shadow:0 0 20px rgba(125,255,57,.16)}.track-step h3{font-size:13px;margin:2px 0 2px}.track-step p{font-size:9px;color:#718178;margin:0;line-height:1.45}.track-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.track-action{min-height:52px;border-radius:14px;border:1px solid #27402e;background:#102017;color:#d5f6da;font:inherit;font-size:10px;font-weight:900;letter-spacing:.07em;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center}.track-action.primary{background:linear-gradient(100deg,#64ef2f,#a7ff45);color:#071006;border:0}.track-error{border:1px solid #5d2831;background:#1d0e11;color:#ff9aa4;border-radius:16px;padding:16px;font-size:11px;line-height:1.6}.track-refresh-note{text-align:center;color:#536159;font-size:8px;letter-spacing:.08em;margin-top:12px}
@media(max-width:600px){.track-shell{width:min(100% - 20px,560px)}.track-hero{padding:25px 2px 18px}.track-card{padding:18px;border-radius:22px}.track-summary{grid-template-columns:1fr}.track-kv.total{grid-column:auto}.track-actions{grid-template-columns:1fr}.track-status strong{font-size:23px}}


/* V12 Processing Animation Upgrade */
.processing-status{
  border:1px solid #2b8cff;
  background:linear-gradient(145deg,#071521,#08110d);
  border-radius:22px;
  padding:24px;
  display:flex;
  align-items:center;
  gap:22px;
}
.processing-loader{
  width:68px;
  height:68px;
  border-radius:50%;
  border:6px solid rgba(43,140,255,.25);
  border-top-color:#4ba8ff;
  animation:rouSpin 1s linear infinite;
  position:relative;
}
.processing-loader:after{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:50%;
  border:2px dashed #7dff39;
  animation:rouSpin 2s linear infinite reverse;
}
@keyframes rouSpin{
  to{transform:rotate(360deg)}
}
.step.active-processing{
  border:1px solid #2b8cff;
  background:#07131d;
  box-shadow:0 0 25px rgba(43,140,255,.15);
}
.step.active-processing .step-dot{
  animation:pulseProcessing 1.5s infinite;
}
@keyframes pulseProcessing{
  50%{box-shadow:0 0 0 12px rgba(43,140,255,0)}
}


/* V12.1 Processing Animation */
.track-step.current .track-dot{
  position:relative;
  animation:rou-spin 1.8s linear infinite;
  box-shadow:0 0 0 6px rgba(125,255,57,.12),0 0 22px rgba(125,255,57,.45);
}
.track-step.current .track-dot:after{
  content:'';
  position:absolute;
  inset:-10px;
  border-radius:50%;
  border:2px solid rgba(125,255,57,.35);
  animation:rou-pulse 1.5s ease-out infinite;
}
@keyframes rou-spin{
 from{transform:rotate(0deg)}
 to{transform:rotate(360deg)}
}
@keyframes rou-pulse{
 0%{transform:scale(.7);opacity:1}
 100%{transform:scale(1.5);opacity:0}
}

/* language switch */
.lang-switch{display:flex;gap:8px;align-items:center}
.lang-switch button{background:#0d1710;border:1px solid #1c2b20;color:#fff;padding:8px 12px;border-radius:999px;cursor:pointer}
.lang-switch button.active{border-color:#7DFF39;color:#7DFF39}

/* V12.2 Processing timeline animation */
.track-step.current .track-dot{position:relative;animation:rouPulse 1.5s infinite;}
.track-step.current .track-dot:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(125,255,57,.45);animation:rouRing 1.5s infinite;}
.track-step.current .track-dot:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;border-top:2px solid #071006;border-right:2px solid transparent;animation:rouSpin .8s linear infinite;}
@keyframes rouPulse{0%,100%{box-shadow:0 0 0 rgba(125,255,57,0)}50%{box-shadow:0 0 28px rgba(125,255,57,.45)}}
@keyframes rouRing{0%{transform:scale(.8);opacity:1}100%{transform:scale(1.6);opacity:0}}
@keyframes rouSpin{to{transform:rotate(360deg)}}


/* ROU PAY Global Font */
* { font-family: 'Prompt', sans-serif !important; }


/* v1.2 - Completed timeline states are static */
.track-step.done .track-dot{
  animation:none !important;
  transform:none !important;
}
.track-step.done .track-dot:before,
.track-step.done .track-dot:after{
  display:none !important;
  animation:none !important;
}