:root{color:#1d2733;font-synthesis:none;--primary:#46ced5;--primary-rgb:70, 206, 213;--on-primary:#073b3e;--surface:#f4f7fb;--on-surface:#1d2733;--card:#fff;--field:#fff;--line:#d9e0e7;--muted:#657282;--body-background:radial-gradient(circle at 50% -10%, #d8f7f8 0, #f4f7fb 45%, #eef2f6 100%);--hero-background:linear-gradient(145deg, #fff, #edfafa);--shadow:0 24px 60px #1f3b481a;--brand-mark-text:#073b3e;--charger-screen:#dff8fa;--charger-shell-start:#a9c7cb;--charger-shell-end:#718d94;--cable:#53636c;--success:#167956;--error:#b4232d;background:#f4f7fb;font-family:Manrope,sans-serif}:root[data-theme=dark]{color:#edf2f7;--on-surface:#edf2f7;--surface:#222b3a;--card:#20252e;--field:#171b22;--line:#3b4656;--muted:#929dab;--body-background:radial-gradient(circle at 50% -10%, #284d59 0, #222b3a 43%, #111419 100%);--hero-background:linear-gradient(145deg, #293f48, #20252e);--shadow:0 30px 70px #00000038;--brand-mark-text:#073b3e;--charger-screen:#172d35;--charger-shell-start:#b9d5d3;--charger-shell-end:#9dbfbd;--cable:#111b22;--success:#7ff2ca;--error:#ffaaa5;background:#222b3a}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--on-surface);background:var(--body-background);margin:0;transition:color .2s,background .2s}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.shell{width:min(100% - 32px,760px);margin:0 auto;padding:24px 0 42px}.topbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.brand{color:var(--on-surface);letter-spacing:.08em;align-items:center;gap:10px;font-size:21px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{width:38px;height:38px;color:var(--brand-mark-text);background:var(--primary);box-shadow:0 8px 24px rgba(var(--primary-rgb), .24);border-radius:12px;place-items:center;display:grid}.topbar-actions{align-items:center;gap:12px;display:flex}.secure-pill{color:var(--muted);font-size:12px;font-weight:600}.secure-pill span{color:var(--primary);margin-right:5px;font-size:10px}.balance-button{min-height:42px;color:var(--on-surface);border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:13px;flex-direction:column;justify-content:center;align-items:flex-end;padding:5px 13px;line-height:1.1;transition:transform .18s,border-color .18s;display:flex;box-shadow:0 6px 18px #1f3b4814}.balance-button:hover{border-color:var(--primary);transform:translateY(-1px)}.balance-button span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:700}.balance-button strong{white-space:nowrap;margin-top:3px;font-size:13px}.balance-button--low{color:var(--error);border-color:#c93f4c80;animation:1.5s ease-in-out infinite balance-pulse}.language-toggle{min-width:40px;height:38px;color:var(--on-surface);border:1px solid var(--line);background:var(--card);cursor:pointer;letter-spacing:.06em;border-radius:12px;place-items:center;padding:0 8px;font-size:11px;font-weight:800;transition:transform .18s,border-color .18s;display:grid;box-shadow:0 6px 18px #1f3b4814}.language-toggle:hover{border-color:var(--primary);transform:translateY(-1px)}.theme-toggle{width:38px;height:38px;color:var(--on-surface);border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:12px;place-items:center;padding:0;font-size:19px;transition:transform .18s,background .2s;display:grid;box-shadow:0 6px 18px #1f3b4814}.theme-toggle:hover{transform:translateY(-1px)}.exit-button{color:#c93f4c;background:var(--card);cursor:pointer;border:1px solid #c93f4c;border-radius:12px;place-items:center;width:38px;height:38px;padding:0;transition:transform .18s,border-color .18s,background .18s;display:grid;box-shadow:0 6px 18px #1f3b4814}.exit-button:hover{color:#b72f3c;background:#c93f4c0f;border-color:#b72f3c;transform:translateY(-1px)}.exit-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.hero-card,.detail-card,.action-card,.apps{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);border-radius:26px;position:relative;overflow:hidden}.hero-card{background:var(--hero-background);align-items:center;min-height:230px;padding:38px 40px;display:flex}.hero-glow{background:rgba(var(--primary-rgb), .18);filter:blur(22px);border-radius:50%;width:260px;height:260px;position:absolute;top:-90px;right:-60px}.hero-copy{z-index:2;position:relative}.eyebrow{color:#149f9a;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800;display:block}:root[data-theme=dark] .eyebrow{color:var(--primary)}h1,h2,p{margin-top:0}.hero-copy h1{letter-spacing:-.04em;margin:8px 0 16px;font-size:clamp(38px,8vw,64px);line-height:1}.status{border:1px solid;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px}.status--available,.status--charging{color:#54efb9;background:#2cd59a14}.status--waiting,.status--payment{color:#ffd166;background:#ffd16614}.status--busy,.status--offline{color:#ff8c86;background:#ff646414}.charger-visual{filter:drop-shadow(0 24px 24px #00000047);width:116px;height:160px;position:absolute;bottom:22px;right:48px}.charger-head{z-index:2;border:6px solid var(--charger-shell-start);background:var(--charger-screen);border-radius:18px 18px 12px 12px;place-items:center;width:76px;height:92px;display:grid;position:absolute;left:19px}.bolt{width:42px;height:50px;color:var(--primary);background:var(--field);border-radius:10px;place-items:center;font-size:30px;font-weight:800;display:grid}.charger-body{background:linear-gradient(90deg, var(--charger-shell-start), #edf9f7 55%, var(--charger-shell-end));border-radius:8px 8px 5px 5px;width:54px;height:78px;position:absolute;bottom:0;left:30px}.cable{border-right:6px solid var(--cable);border-bottom:6px solid var(--cable);border-radius:0 0 28px;width:35px;height:69px;position:absolute;top:71px;right:1px}.metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0;display:grid}.metric{border:1px solid var(--line);background:var(--card);border-radius:19px;min-width:0;padding:18px;box-shadow:0 8px 24px #1f3b480d}.metric span{color:var(--muted);margin-bottom:8px;font-size:11px;display:block}.metric strong{white-space:nowrap;letter-spacing:-.04em;font-size:clamp(16px,3.6vw,22px)}.metric small{color:var(--muted);font-size:10px;font-weight:500}.metric--live-pulse{animation:.85s cubic-bezier(.2,.8,.2,1) live-metric-pulse}@keyframes live-metric-pulse{0%,to{border-color:var(--line);transform:scale(1);box-shadow:0 8px 24px #1f3b480d}35%{border-color:var(--primary);box-shadow:0 0 0 5px rgba(var(--primary-rgb), .14), 0 14px 34px rgba(var(--primary-rgb), .2);transform:scale(1.025)}65%{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb), .08), 0 10px 28px rgba(var(--primary-rgb), .12);transform:scale(1.01)}}@media (prefers-reduced-motion:reduce){.metric--live-pulse{animation:none}}.detail-card{box-shadow:none;border-radius:20px;margin-bottom:14px;padding:6px 22px}.detail-row{justify-content:space-between;gap:20px;padding:16px 0;font-size:13px;display:flex}.detail-row+.detail-row{border-top:1px solid var(--line)}.detail-row span{color:var(--muted)}.action-card{margin-top:14px;padding:28px}.action-card h2,.apps h2{letter-spacing:-.03em;margin:7px 0 8px;font-size:24px}.action-card p,.apps p{color:var(--muted);font-size:13px;line-height:1.6}label{color:var(--on-surface);margin:18px 0 7px;font-size:12px;font-weight:700;display:block}.phone-form{grid-template-columns:1fr auto;align-items:end;gap:12px;display:grid}.phone-form label{grid-column:1/-1;margin-bottom:-4px}.phone-control{border:1px solid var(--line);background:var(--field);border-radius:14px;align-items:center;height:52px;transition:border-color .2s,box-shadow .2s;display:flex}.phone-control:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .14)}.phone-control span{color:var(--muted);border-right:1px solid var(--line);padding:0 12px 0 16px;font-size:14px}.phone-control input{width:100%;color:var(--on-surface);background:0 0;border:0;outline:0;padding:0 14px}.phone-control input::placeholder{color:var(--muted);opacity:.7}.primary{min-height:52px;color:var(--on-primary);background:var(--primary);box-shadow:0 12px 28px rgba(var(--primary-rgb), .24);cursor:pointer;border:0;border-radius:14px;padding:0 26px;font-weight:800;transition:transform .18s,opacity .18s}.primary:hover:not(:disabled){transform:translateY(-2px)}.primary:disabled{cursor:not-allowed;opacity:.42}.primary--danger{color:#fff;background:linear-gradient(145deg,#ff7771,#e9485d);width:100%;box-shadow:0 12px 28px #e9485d2e}.link-button{align-items:center;text-decoration:none;display:inline-flex}.message{border-radius:13px;margin-top:14px;padding:13px 16px;font-size:12px;font-weight:600}.message--success{color:var(--success);background:#2cd59a14;border:1px solid #54efb940}.message--error{color:var(--error);background:#ff646414;border:1px solid #ff8c8640}.apps{box-shadow:none;grid-template-columns:1fr auto;align-items:center;gap:28px;margin-top:14px;padding:28px;display:grid}.store-links{flex-direction:column;gap:8px;display:flex}.store-links a{color:#fff;background:#020708;border:1px solid #fff3;border-radius:11px;align-items:center;gap:10px;min-width:174px;padding:9px 14px;text-decoration:none;display:flex}.store-links b{font-size:20px}.store-links span{flex-direction:column;font-size:8px;display:flex}.store-links strong{font-size:15px}footer{color:var(--muted);text-align:center;padding:28px 0 0;font-size:11px}footer a{color:#149f9a}.otp-dialog{width:min(92vw,430px);color:var(--on-surface);border:1px solid var(--line);background:var(--card);border-radius:24px;padding:0;box-shadow:0 30px 100px #00000059}.otp-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#010a0cc7}.otp-card{padding:32px;position:relative}.otp-card h2{margin:8px 0}.otp-card p{color:var(--muted);font-size:13px;line-height:1.5}.otp-card input{width:100%;height:60px;color:var(--on-surface);border:1px solid var(--line);background:var(--field);text-align:center;letter-spacing:.5em;border-radius:14px;outline:0;padding:0 16px;font-size:24px;font-weight:800}.otp-card input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .14)}.otp-card .primary{width:100%;margin-top:14px}.dialog-close{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:24px;position:absolute;top:15px;right:16px}.otp-icon{width:48px;height:48px;color:var(--on-primary);background:var(--primary);border-radius:15px;place-items:center;margin-bottom:22px;font-size:22px;display:grid}.text-button{color:#149f9a;cursor:pointer;background:0 0;border:0;width:100%;margin-top:12px;font-size:12px;font-weight:700}.takeover-warning{border:1px solid rgba(var(--primary-rgb), .22);background:rgba(var(--primary-rgb), .08);border-radius:14px;padding:14px}.takeover-card h2{font-size:26px;line-height:1.2}.takeover-card .takeover-warning{font-size:16px;line-height:1.65}.takeover-card .eyebrow{font-size:13px}.takeover-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.takeover-actions .primary,.takeover-actions .text-button{min-height:52px;margin-top:0;font-size:14px}.form-error{text-align:center;min-height:18px;color:var(--error)!important;margin:8px 0 0!important}.balance-dialog{width:min(94vw,560px);max-height:min(90dvh,780px)}.balance-card{scrollbar-color:var(--line) transparent;max-height:min(90dvh,780px);overflow-y:auto}.balance-card h2{margin:8px 0}.balance-card>p{margin-bottom:24px}.balance-card .primary{width:100%;margin-top:14px}.amount-options{overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-width:thin;scrollbar-color:var(--line) transparent;gap:8px;padding:2px 1px 10px;display:flex;overflow-x:auto}.amount-option{min-height:40px;color:var(--on-surface);border:1px solid var(--line);background:var(--field);cursor:pointer;scroll-snap-align:start;border-radius:11px;flex:none;padding:0 14px;font-size:12px;font-weight:700;transition:color .18s,border-color .18s,background .18s,transform .18s}.amount-option:hover{border-color:var(--primary);transform:translateY(-1px)}.amount-option--selected{color:var(--on-primary);border-color:var(--primary);background:var(--primary)}.amount-control{border:1px solid var(--line);background:var(--field);border-radius:14px;align-items:center;height:56px;transition:border-color .2s,box-shadow .2s;display:flex}.amount-control:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .14)}.amount-control input{text-align:left;letter-spacing:normal;background:0 0;border:0;min-width:0;height:100%;padding:0 16px;font-size:18px}.amount-control span{color:var(--muted);padding:0 17px;font-size:18px;font-weight:800}.bank-list:not(:empty){border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.bank-list-heading h3{margin:5px 0;font-size:22px}.bank-list-heading p{color:var(--muted);margin-bottom:14px;font-size:12px}.bank-options{gap:8px;display:grid}.bank-option{min-height:58px;color:var(--on-surface);border:1px solid var(--line);background:var(--field);opacity:0;animation:.38s cubic-bezier(.2,.8,.2,1) forwards bank-reveal;animation-delay:calc(var(--bank-index) * 55ms);border-radius:14px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:8px 13px 8px 9px;text-decoration:none;transition:border-color .18s,transform .18s;display:grid;transform:translateY(10px)}.bank-option:hover{border-color:var(--primary);transform:translateY(-1px)}.bank-option img{object-fit:cover;background:#fff;border-radius:11px;width:42px;height:42px}.bank-option span{flex-direction:column;gap:3px;min-width:0;display:flex}.bank-option strong,.bank-option small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bank-option strong{font-size:12px}.bank-option small{color:var(--muted);font-size:10px}.bank-option b{color:var(--primary);font-size:25px;font-weight:500}.bank-empty{color:var(--muted);border:1px dashed var(--line);text-align:center;border-radius:12px;margin:0;padding:15px;font-size:12px}.qpay-fallback{color:#149f9a;text-align:center;margin-top:13px;font-size:12px;font-weight:800;display:block}.check-payment-button{margin-top:18px!important}.payment-check-status{text-align:center;min-height:18px;margin:10px 0 0;font-size:12px;font-weight:700;line-height:1.5}.payment-check-status--success{color:var(--success)}.payment-check-status--pending{color:#b17700}:root[data-theme=dark] .payment-check-status--pending{color:#ffd166}.payment-check-status--error{color:var(--error)}.purchase-dialog{width:min(94vw,530px);max-height:90dvh}.purchase-card{max-height:90dvh;overflow-y:auto}.purchase-card>p{color:var(--muted);line-height:1.55}.purchase-card>.primary{width:100%;margin-top:18px}.purchase-total{color:var(--on-primary);background:var(--primary);border-radius:17px;justify-content:space-between;align-items:flex-end;gap:20px;margin:24px 0 12px;padding:20px;display:flex}.purchase-total span{font-size:12px;font-weight:700}.purchase-total strong{letter-spacing:-.04em;white-space:nowrap;font-size:27px}.purchase-details{border:1px solid var(--line);background:var(--field);border-radius:16px}.purchase-details>div{justify-content:space-between;align-items:center;gap:18px;padding:13px 16px;display:flex}.purchase-details>div+div{border-top:1px solid var(--line)}.purchase-details span{color:var(--muted);font-size:11px}.purchase-details strong{text-align:right;white-space:nowrap;font-size:13px}.center{text-align:center;min-height:100vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.center h1{color:var(--on-surface);margin-bottom:8px}.standalone{margin-bottom:30px}.error-code{color:#ffaaa5;border:1px solid #ff8c864d;border-radius:50%;place-items:center;width:70px;height:70px;margin-bottom:18px;font-size:32px;display:grid}.loader{border:3px solid rgba(var(--primary-rgb), .15);border-top-color:var(--primary);border-radius:50%;width:38px;height:38px;margin-bottom:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes balance-pulse{0%,to{box-shadow:0 0 #c93f4c00,0 6px 18px #1f3b4814}50%{box-shadow:0 0 0 6px #c93f4c24,0 8px 24px #c93f4c24}}@keyframes bank-reveal{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.balance-button--low,.bank-option,.loader{animation:none}.bank-option{opacity:1;transform:none}}@media (width<=600px){.shell{width:min(100% - 22px,760px);padding-top:16px}.topbar{margin-bottom:16px}.secure-pill{display:none}.topbar-actions{gap:8px}.balance-button{padding-inline:10px}.hero-card{min-height:204px;padding:30px 25px}.charger-visual{transform-origin:100% 100%;right:14px;transform:scale(.78)}.metrics{grid-template-columns:repeat(2,1fr);gap:7px}.metric{border-radius:15px;padding:14px 10px}.metric strong{font-size:15px}.phone-form{grid-template-columns:1fr}.phone-form label{grid-column:auto}.action-card,.apps{padding:23px}.apps{grid-template-columns:1fr}.store-links{flex-direction:row;overflow-x:auto}.store-links a{min-width:164px}.balance-card{padding:26px 21px}}