:root{
  color-scheme: light;
  --go:#00aa13;
  --go-2:#00c853;
  --go-3:#21d96b;
  --gopay:#00aa13;
  --gopay-2:#00c853;
  --gopay-3:#e8fff0;
  --blue:#00a6ff;
  --ink:#101828;
  --muted:#667085;
  --line:rgba(16,24,40,.10);
  --glass:rgba(255,255,255,.72);
  --card:rgba(255,255,255,.86);
  --card-solid:#ffffff;
  --bg:#f2fff6;
  --soft:#f7fbf8;
  --danger:#ef4444;
  --warning:#f59e0b;
  --success:#07a84a;
  --shadow:0 26px 72px rgba(16,24,40,.12);
  --shadow-soft:0 16px 38px rgba(0,170,19,.14);
  --radius:30px;
  --radius-sm:20px;
  --ease:cubic-bezier(.16,1,.3,1);
}
[data-theme="dark"]{
  color-scheme: dark;
  --ink:#f6fbf8;
  --muted:#a8b8ae;
  --line:rgba(255,255,255,.11);
  --glass:rgba(10,24,16,.66);
  --card:rgba(12,30,19,.78);
  --card-solid:#07130c;
  --bg:#06140b;
  --soft:#0b1d12;
  --gopay-3:rgba(0,170,19,.15);
  --shadow:0 26px 80px rgba(0,0,0,.50);
  --shadow-soft:0 16px 44px rgba(0,200,83,.20);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{
  margin:0;min-height:100vh;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--ink);
  background:
    radial-gradient(900px 540px at 6% -7%,rgba(0,200,83,.20),transparent 68%),
    radial-gradient(720px 420px at 104% 4%,rgba(0,166,255,.13),transparent 70%),
    linear-gradient(180deg,var(--bg),var(--soft) 52%,var(--card-solid));
  overflow-x:hidden;
}
body:before{
  content:"";position:fixed;inset:0;z-index:-4;pointer-events:none;
  background-image:radial-gradient(rgba(0,170,19,.10) 1px,transparent 1px);
  background-size:28px 28px;mask-image:linear-gradient(to bottom,black,transparent 78%);
}
button,input,select,textarea{font:inherit}
button{border:0;cursor:pointer;touch-action:manipulation}
button:disabled{opacity:.58;cursor:not-allowed}
a{color:var(--go);font-weight:900;text-decoration:none}
.bg-orb{position:fixed;border-radius:999px;pointer-events:none;z-index:-3;filter:blur(48px);opacity:.72;transform:translate3d(0,0,0);animation:smokeFloat 18s var(--ease) infinite alternate}
.bg-orb.one{width:470px;height:470px;left:-180px;top:-120px;background:radial-gradient(circle,rgba(0,200,83,.38),rgba(0,200,83,.14) 42%,transparent 72%)}
.bg-orb.two{width:520px;height:520px;right:-220px;top:150px;background:radial-gradient(circle,rgba(0,166,255,.22),rgba(0,200,83,.10) 46%,transparent 74%);animation-delay:-7s}
@keyframes smokeFloat{from{transform:translate3d(-12px,8px,0) scale(1)}to{transform:translate3d(22px,-18px,0) scale(1.08)}}

.app-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,var(--bg),var(--card-solid));transition:opacity .55s var(--ease),visibility .55s var(--ease)}
.app-loader.hide{opacity:0;visibility:hidden;pointer-events:none}
.loader-card{width:min(360px,92vw);text-align:center;border:1px solid var(--line);border-radius:34px;background:var(--glass);box-shadow:var(--shadow);padding:32px 28px;backdrop-filter:blur(20px);animation:loaderIn .7s var(--ease) both}
.loader-pin{width:82px;height:82px;margin:0 auto 14px;border-radius:999px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 35% 30%,#7cff9c,var(--go) 58%,#07882b);box-shadow:0 20px 44px rgba(0,170,19,.30)}
.pin-dot{width:19px;height:19px;border-radius:999px;background:#fff;box-shadow:0 0 0 7px rgba(255,255,255,.20);animation:softBeat 1.65s var(--ease) infinite}
.pin-ring{position:absolute;inset:-12px;border-radius:999px;border:2px solid rgba(0,200,83,.26);animation:locatorPing 1.9s var(--ease) infinite}
.heartbeat{height:58px;margin:2px auto 8px;width:230px;max-width:100%;overflow:hidden;filter:drop-shadow(0 8px 12px rgba(0,170,19,.18))}
.heartbeat svg{width:100%;height:100%}
.heartbeat path{fill:none;stroke:var(--go);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:260;stroke-dashoffset:260;animation:heartLine 1.65s ease-in-out infinite}
.loader-card strong{display:block;font-size:1.12rem;margin-top:4px}.loader-card p{margin:7px 0 0;color:var(--muted);font-size:.92rem;line-height:1.45}
@keyframes loaderIn{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes locatorPing{0%{opacity:.88;transform:scale(.78)}75%,100%{opacity:0;transform:scale(1.42)}}
@keyframes heartLine{0%{stroke-dashoffset:260;opacity:.60}48%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-260;opacity:.64}}
@keyframes softBeat{0%,100%{transform:scale(1)}45%{transform:scale(1.22)}}

.shell{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:24px 0 36px;animation:shellIn .75s var(--ease) both}
@keyframes shellIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.topbar{position:sticky;top:12px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;margin-bottom:18px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.70);backdrop-filter:blur(18px);box-shadow:0 16px 40px rgba(16,24,40,.08)}
[data-theme="dark"] .topbar{background:rgba(7,19,12,.64)}
.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-icon{width:46px;height:46px;border-radius:16px;background:radial-gradient(circle at 30% 22%,#a4ffb8,var(--go) 48%,#07852a);box-shadow:0 14px 28px rgba(0,170,19,.26);display:grid;place-items:center;color:#fff;font-size:0;position:relative;overflow:hidden}.brand-icon:before{content:"";width:16px;height:16px;border-radius:999px;background:#fff;box-shadow:0 0 0 7px rgba(255,255,255,.20)}
.eyebrow{margin:0 0 2px;color:var(--go);font-weight:900;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.brand h1{margin:0;font-size:1.25rem;line-height:1}.top-actions{display:flex;align-items:center;gap:8px}.ghost-btn{border:1px solid var(--line);background:var(--card);color:var(--ink);font-weight:900;border-radius:999px;padding:11px 15px;box-shadow:0 8px 24px rgba(16,24,40,.06);transition:transform .32s var(--ease),box-shadow .32s var(--ease),border-color .32s var(--ease),background .32s var(--ease)}
.ghost-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft);border-color:rgba(0,170,19,.26)}.ghost-btn:active{transform:scale(.97)}.ghost-btn.small{padding:9px 12px;font-size:.84rem}.ghost-btn.full{width:100%}.theme-toggle{width:48px;height:48px;padding:0;display:grid;place-items:center;position:relative}.theme-toggle span{position:absolute;transition:opacity .3s var(--ease),transform .3s var(--ease)}[data-theme="light"] .theme-toggle .moon,[data-theme="dark"] .theme-toggle .sun{opacity:0;transform:scale(.6) rotate(-20deg)}
.hero-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1.5fr .72fr;gap:18px;align-items:stretch;padding:26px;border-radius:34px;color:#fff;background:linear-gradient(135deg,#008f30 0%,#00aa13 43%,#20d869 100%);box-shadow:0 28px 68px rgba(0,170,19,.25);isolation:isolate}.hero-card:before{content:"";position:absolute;inset:-45%;z-index:-1;background:radial-gradient(circle at 28% 28%,rgba(255,255,255,.32),transparent 19%),radial-gradient(circle at 72% 38%,rgba(255,255,255,.16),transparent 20%),radial-gradient(circle at 48% 76%,rgba(255,255,255,.12),transparent 22%);filter:blur(18px);animation:heroMist 14s var(--ease) infinite alternate}.hero-card:after{content:"";position:absolute;right:-110px;bottom:-130px;width:360px;height:360px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.23),transparent 68%);filter:blur(10px);z-index:-1}
@keyframes heroMist{from{transform:translate3d(-2%,2%,0) rotate(0)}to{transform:translate3d(3%,-2%,0) rotate(12deg)}}
.eyebrow.light{color:rgba(255,255,255,.84)}.hero-card h2{font-size:clamp(1.7rem,4vw,3.6rem);line-height:.98;margin:4px 0 12px;letter-spacing:-.06em}.hero-card p{max-width:660px;margin:0;color:rgba(255,255,255,.86);line-height:1.65}.balance-card{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;padding:21px;border:1px solid rgba(255,255,255,.26);border-radius:28px;background:rgba(255,255,255,.16);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}.balance-card span,.balance-card small{color:rgba(255,255,255,.78);font-weight:800}.balance-card strong{font-size:2.3rem;letter-spacing:-.05em}.balance-card small{font-size:.8rem}
.tool-tabs{position:sticky;top:86px;z-index:15;display:flex;gap:10px;margin:18px 0;padding:10px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.66);backdrop-filter:blur(18px);box-shadow:0 14px 34px rgba(16,24,40,.07);overflow:auto;scrollbar-width:none}.tool-tabs::-webkit-scrollbar{display:none}[data-theme="dark"] .tool-tabs{background:rgba(7,19,12,.66)}.tab{flex:0 0 auto;border-radius:999px;background:transparent;color:var(--muted);font-weight:950;padding:12px 17px;position:relative;overflow:hidden;transition:color .34s var(--ease),transform .34s var(--ease),background .34s var(--ease)}.tab:before{content:"";position:absolute;inset:auto 18% -28px;height:54px;border-radius:999px;background:radial-gradient(ellipse at center,rgba(0,200,83,.36),rgba(0,200,83,.10) 45%,transparent 72%);filter:blur(10px);opacity:0;transition:opacity .42s var(--ease),transform .42s var(--ease);z-index:-1}.tab:hover{transform:translateY(-1px);color:var(--ink)}.tab.active{color:#fff;background:linear-gradient(135deg,#009b32,var(--go),#25d366);box-shadow:0 14px 32px rgba(0,170,19,.28)}.tab.active:before{opacity:1;transform:translateY(-18px) scale(1.25)}
.page{display:none}.page.active{display:block;animation:pageIn .54s var(--ease) both}@keyframes pageIn{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.panel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);padding:25px;backdrop-filter:blur(22px)}.panel:before{content:"";position:absolute;inset:-160px -120px auto auto;width:360px;height:240px;border-radius:999px;background:radial-gradient(ellipse at center,rgba(0,200,83,.16),rgba(0,166,255,.07) 44%,transparent 74%);filter:blur(25px);opacity:.86;pointer-events:none}.panel.compact{max-width:720px;margin-inline:auto}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.panel-head.wrap{flex-wrap:wrap}.panel h3{margin:0 0 6px;font-size:1.55rem;letter-spacing:-.035em}.panel p{margin:0;color:var(--muted);line-height:1.55}label{display:block;margin:14px 0 8px;color:var(--ink);font-weight:900}.input-row{display:flex;gap:10px}input,select{width:100%;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.72);color:var(--ink);padding:15px 16px;outline:none;transition:border-color .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease),background .25s var(--ease)}[data-theme="dark"] input,[data-theme="dark"] select{background:rgba(255,255,255,.06)}input:focus,select:focus{border-color:rgba(0,170,19,.58);box-shadow:0 0 0 5px rgba(0,170,19,.12);transform:translateY(-1px)}.input-row button,.wide-btn,#addProviderBtn{border-radius:18px;background:linear-gradient(135deg,#009b32,var(--go),#2bdd72);color:#fff;font-weight:950;padding:15px 18px;box-shadow:0 14px 30px rgba(0,170,19,.22);transition:transform .32s var(--ease),box-shadow .32s var(--ease),filter .32s var(--ease);white-space:nowrap}.input-row button:hover,.wide-btn:hover,#addProviderBtn:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(0,170,19,.28);filter:saturate(1.08)}.input-row button:active,.wide-btn:active,#addProviderBtn:active{transform:scale(.98)}.wide-btn{width:100%;margin-top:16px}.wide-btn.no-margin{margin-top:0}.btn-loading{position:relative;color:transparent!important}.btn-loading:after{content:"";position:absolute;inset:0;margin:auto;width:20px;height:20px;border-radius:999px;border:3px solid rgba(255,255,255,.45);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.add-provider{display:flex;gap:10px;margin-top:14px}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:13px 0}.options label{display:flex;align-items:center;gap:9px;margin:0;border:1px solid var(--line);background:rgba(255,255,255,.52);padding:13px 14px;border-radius:18px;color:var(--muted);font-weight:850}[data-theme="dark"] .options label{background:rgba(255,255,255,.05)}.options input{width:auto}.range{accent-color:var(--go);padding:0;background:transparent;border:0}
.otp-box{margin-top:20px;text-align:center;border-radius:30px;padding:24px;border:1px solid rgba(0,170,19,.20);background:radial-gradient(ellipse at 50% 0%,rgba(0,200,83,.22),transparent 60%),linear-gradient(180deg,rgba(0,170,19,.08),rgba(255,255,255,.38));position:relative;overflow:hidden}.otp-box:before{content:"";position:absolute;inset:-60px;border-radius:999px;background:radial-gradient(ellipse at center,rgba(0,170,19,.18),rgba(0,170,19,.06) 40%,transparent 73%);filter:blur(22px);animation:slowPulse 3.4s var(--ease) infinite;pointer-events:none}.otp-box p{font-weight:900;color:var(--muted)}.otp-code{position:relative;z-index:1;display:inline-grid;place-items:center;border-radius:24px;min-width:230px;margin:8px auto 14px;padding:18px 24px;background:#06140b;color:#b9ffd0;letter-spacing:.16em;font-size:clamp(2.2rem,7vw,3.7rem);font-weight:1000;box-shadow:0 20px 45px rgba(0,170,19,.22),inset 0 0 0 1px rgba(255,255,255,.08);transition:transform .34s var(--ease),box-shadow .34s var(--ease)}.otp-code:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 26px 58px rgba(0,170,19,.28)}.meter{height:12px;border-radius:999px;background:rgba(16,24,40,.10);overflow:hidden}.meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#00aa13,#99f6b7);transition:width .55s linear;box-shadow:0 0 18px rgba(0,170,19,.34)}.otp-box small{display:block;margin-top:10px;color:var(--muted)}@keyframes slowPulse{0%,100%{transform:scale(.98);opacity:.75}50%{transform:scale(1.06);opacity:1}}
.result-card{margin-top:18px;text-align:center;border-radius:28px;padding:25px 22px;border:1px solid var(--line);background:rgba(255,255,255,.68);box-shadow:0 16px 44px rgba(16,24,40,.08);font-weight:950;line-height:1.45;position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;left:50%;top:50%;width:360px;height:220px;border-radius:999px;transform:translate(-50%,-50%);filter:blur(28px);opacity:.72;z-index:0}.result-card>*{position:relative;z-index:1}.result-card.good{border-color:rgba(0,170,19,.25);background:linear-gradient(180deg,rgba(235,255,241,.92),rgba(255,255,255,.74));color:#067a2c}.result-card.good:before{background:radial-gradient(ellipse at center,rgba(0,200,83,.30),rgba(0,200,83,.10) 45%,transparent 72%)}.result-card.bad{border-color:rgba(239,68,68,.25);background:linear-gradient(180deg,rgba(255,235,235,.92),rgba(255,255,255,.74));color:#b42318}.result-card.bad:before{background:radial-gradient(ellipse at center,rgba(239,68,68,.22),rgba(239,68,68,.08) 46%,transparent 74%)}[data-theme="dark"] .result-card{background:rgba(255,255,255,.06)}[data-theme="dark"] .result-card.good{background:rgba(0,170,19,.14);color:#87f5a5}[data-theme="dark"] .result-card.bad{background:rgba(239,68,68,.14);color:#ffaaa3}.result-icon{width:58px;height:58px;border-radius:22px;margin:0 auto 12px;display:grid;place-items:center;color:#fff;font-size:1.8rem;box-shadow:0 18px 38px rgba(0,0,0,.12);animation:iconDrop .64s var(--ease) both}.good .result-icon{background:linear-gradient(135deg,#00aa13,#35e07b)}.bad .result-icon{background:linear-gradient(135deg,#ef4444,#fb7185)}.result-title{display:block;font-size:1.32rem;letter-spacing:-.03em}.result-desc{display:block;margin-top:6px;color:inherit;opacity:.82;font-weight:800}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.result-item{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.56);padding:16px;display:flex;flex-direction:column;gap:8px;min-height:88px;animation:itemIn .45s var(--ease) both}.result-item span{color:var(--muted);font-weight:850;font-size:.86rem}.result-item strong,.result-item .text-copy{color:var(--ink);font-weight:950;word-break:break-word;text-align:left}.result-item.highlight{background:linear-gradient(180deg,rgba(232,255,240,.96),rgba(255,255,255,.60));border-color:rgba(0,170,19,.24)}[data-theme="dark"] .result-item{background:rgba(255,255,255,.05)}[data-theme="dark"] .result-item.highlight{background:rgba(0,170,19,.16)}@keyframes itemIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.status-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:9px 13px;color:#057a2b;background:rgba(0,200,83,.13);border:1px solid rgba(0,170,19,.18);font-weight:950}.status-pill:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--go);box-shadow:0 0 0 6px rgba(0,170,19,.12);animation:softBeat 1.8s var(--ease) infinite}.status-pill.loading{color:#0277bd;background:rgba(0,166,255,.12);border-color:rgba(0,166,255,.18)}.status-pill.loading:before{background:var(--blue)}.status-pill.error{color:#b42318;background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.18)}.status-pill.error:before{background:var(--danger)}.ip-droid-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:16px}.ip-info-card{border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.42);padding:15px}.info-list{display:grid;gap:10px}.text-copy{border:0;background:transparent;padding:0;cursor:pointer}.ip-actions{display:grid;gap:9px;margin-top:13px}.muted-note{display:block;margin-top:12px;color:var(--muted);line-height:1.5}.map-card{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:rgba(255,255,255,.45);box-shadow:0 12px 36px rgba(16,24,40,.08);min-height:360px}.map-card iframe{display:block;border:0;width:100%;height:100%;min-height:360px}.ip-lookup-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.ip-info-map{margin-top:16px}.ip-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.toast{position:fixed;z-index:10000;left:50%;bottom:24px;transform:translate(-50%,22px) scale(.98);opacity:0;pointer-events:none;min-width:min(420px,calc(100vw - 32px));max-width:calc(100vw - 32px);text-align:center;border-radius:999px;padding:14px 18px;background:#07130c;color:#fff;box-shadow:0 22px 54px rgba(0,0,0,.26);font-weight:900;transition:opacity .32s var(--ease),transform .32s var(--ease)}.toast.show{opacity:1;transform:translate(-50%,0) scale(1)}.pop-anim{animation:popSmooth .58s var(--ease) both}.shake{animation:shakeSoft .46s var(--ease) both}@keyframes popSmooth{0%{opacity:.2;transform:translateY(14px) scale(.965);filter:blur(4px)}65%{filter:blur(0)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes iconDrop{from{opacity:0;transform:translateY(-10px) scale(.82)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shakeSoft{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}55%{transform:translateX(5px)}80%{transform:translateX(-2px)}}
@media (max-width:860px){.shell{width:min(100% - 22px,720px);padding-top:12px;padding-bottom:108px}.topbar{top:8px;border-radius:24px;align-items:flex-start}.brand h1{font-size:1.08rem}.top-actions{align-items:stretch}.hero-card{grid-template-columns:1fr;padding:22px;border-radius:30px}.balance-card{min-height:128px}.tool-tabs{position:fixed;left:10px;right:10px;bottom:10px;top:auto;margin:0;border-radius:28px;padding:9px;justify-content:flex-start}.tab{padding:11px 14px;font-size:.83rem}.panel{padding:20px;border-radius:28px}.panel-head{flex-direction:column}.grid.two,.ip-droid-layout,.result-grid,.ip-info-grid{grid-template-columns:1fr}.input-row,.add-provider{flex-direction:column}.input-row button{width:100%}.ip-lookup-actions{grid-template-columns:1fr}.map-card,.map-card iframe{min-height:280px}.ghost-btn:not(.theme-toggle){font-size:.83rem;padding:10px 12px}.options{grid-template-columns:1fr}.otp-code{min-width:0;width:100%;font-size:2.15rem}.loader-card{border-radius:30px}}
@media (max-width:440px){.topbar{padding:10px}.brand-icon{width:42px;height:42px;border-radius:15px}.eyebrow{font-size:.62rem}.hero-card h2{font-size:2rem}.balance-card strong{font-size:1.9rem}.panel h3{font-size:1.35rem}.result-title{font-size:1.14rem}.theme-toggle{width:44px;height:44px}.top-actions{gap:6px}.top-actions .ghost-btn:not(.theme-toggle){display:none}}
@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* v6 polish: custom GoPay/Gojek-style provider picker and smoother surfaces */
:root{
  --surface-blur: blur(22px) saturate(1.08);
  --green-shadow: 0 24px 52px rgba(0,170,19,.18);
}
body{
  background:
    radial-gradient(900px 560px at 10% -8%,rgba(0,170,19,.22),transparent 66%),
    radial-gradient(760px 500px at 90% 6%,rgba(0,200,83,.16),transparent 62%),
    radial-gradient(820px 540px at 50% 105%,rgba(0,166,255,.10),transparent 62%),
    linear-gradient(180deg,var(--bg),var(--soft) 52%,var(--card-solid));
}
body:before{opacity:.34;filter:blur(.2px)}
.bg-orb{filter:blur(74px);opacity:.62;animation-duration:26s}.bg-orb.one{background:radial-gradient(ellipse at center,rgba(0,200,83,.42),rgba(0,200,83,.12) 46%,transparent 76%)}.bg-orb.two{background:radial-gradient(ellipse at center,rgba(0,153,77,.22),rgba(0,166,255,.11) 46%,transparent 78%)}
.topbar,.tool-tabs,.panel,.balance-card,.loader-card{backdrop-filter:var(--surface-blur);-webkit-backdrop-filter:var(--surface-blur)}
.hero-card{background:linear-gradient(135deg,#018b38 0%,#00aa13 48%,#2ddc72 100%);box-shadow:0 32px 78px rgba(0,170,19,.24);border:1px solid rgba(255,255,255,.18)}
.hero-card:before{background:radial-gradient(ellipse at 24% 26%,rgba(255,255,255,.38),transparent 20%),radial-gradient(ellipse at 78% 34%,rgba(255,255,255,.18),transparent 22%),radial-gradient(ellipse at 52% 80%,rgba(184,255,206,.20),transparent 28%);filter:blur(28px);opacity:.9;animation-duration:22s}
.hero-card h2{letter-spacing:-.07em}.panel{overflow:visible}.panel:before{border-radius:999px;filter:blur(42px);opacity:.58}.grid.two>div{min-width:0}
select.native-hidden{position:absolute!important;inline-size:1px!important;block-size:1px!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important;}
.provider-picker{position:relative;width:100%;z-index:30}
.provider-trigger{width:100%;min-height:58px;border:1px solid rgba(0,170,19,.18);border-radius:23px;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.64));color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 13px 10px 12px;box-shadow:0 14px 34px rgba(16,24,40,.08), inset 0 1px 0 rgba(255,255,255,.70);transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease),background .28s var(--ease)}
[data-theme="dark"] .provider-trigger{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.05));box-shadow:0 16px 40px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.08)}
.provider-trigger:hover{transform:translateY(-1px);border-color:rgba(0,170,19,.36);box-shadow:var(--green-shadow)}
.provider-trigger:focus-visible{outline:0;border-color:rgba(0,170,19,.62);box-shadow:0 0 0 5px rgba(0,170,19,.13),var(--green-shadow)}
.provider-left{display:flex;align-items:center;gap:12px;min-width:0}.provider-logo{width:38px;height:38px;flex:0 0 38px;border-radius:15px;display:grid;place-items:center;color:#fff;font-weight:1000;text-transform:uppercase;background:linear-gradient(135deg,#008f30,#00aa13,#37e67a);box-shadow:0 12px 24px rgba(0,170,19,.24)}
.provider-text{display:flex;flex-direction:column;text-align:left;min-width:0}.provider-name{font-weight:950;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider-sub{font-size:.78rem;color:var(--muted);font-weight:850;margin-top:2px}.provider-arrow{width:34px;height:34px;border-radius:14px;display:grid;place-items:center;flex:0 0 34px;color:var(--go);background:rgba(0,170,19,.10);transition:transform .3s var(--ease),background .3s var(--ease)}.provider-picker.open .provider-arrow{transform:rotate(180deg);background:rgba(0,170,19,.18)}
.provider-menu{position:absolute;left:0;right:0;top:calc(100% + 10px);border:1px solid rgba(0,170,19,.14);border-radius:28px;background:rgba(255,255,255,.86);backdrop-filter:blur(26px) saturate(1.14);-webkit-backdrop-filter:blur(26px) saturate(1.14);box-shadow:0 30px 75px rgba(16,24,40,.18);padding:10px;max-height:min(360px,50vh);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(0,170,19,.38) transparent;opacity:0;transform:translateY(10px) scale(.985);pointer-events:none;transition:opacity .24s var(--ease),transform .24s var(--ease);z-index:999}
[data-theme="dark"] .provider-menu{background:rgba(7,19,12,.88);box-shadow:0 34px 88px rgba(0,0,0,.42);border-color:rgba(255,255,255,.10)}
.provider-picker.open .provider-menu{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.provider-menu::-webkit-scrollbar{width:8px}.provider-menu::-webkit-scrollbar-thumb{background:rgba(0,170,19,.35);border-radius:999px}.provider-option{width:100%;border:0;border-radius:20px;background:transparent;color:var(--ink);display:flex;align-items:center;gap:12px;padding:11px;text-align:left;transition:transform .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease)}.provider-option:hover,.provider-option.active{background:linear-gradient(135deg,rgba(0,170,19,.13),rgba(0,200,83,.07));box-shadow:inset 0 0 0 1px rgba(0,170,19,.14);transform:translateY(-1px)}.provider-option.active .provider-logo{box-shadow:0 14px 26px rgba(0,170,19,.30),0 0 0 4px rgba(0,170,19,.12)}
.result-card{box-shadow:0 24px 60px rgba(16,24,40,.10);animation:floatResult .56s var(--ease) both}.result-card.good{background:linear-gradient(180deg,rgba(230,255,237,.96),rgba(255,255,255,.82))}.result-card.bad{background:linear-gradient(180deg,rgba(255,238,238,.96),rgba(255,255,255,.82))}@keyframes floatResult{from{opacity:0;transform:translateY(18px) scale(.96);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
.otp-box{box-shadow:0 24px 60px rgba(0,170,19,.10)}.otp-code{border-radius:28px}.tab,.ghost-btn,.input-row button,.wide-btn,#addProviderBtn{transition-duration:.26s}
@media(max-width:860px){.provider-menu{position:fixed;left:14px;right:14px;top:auto;bottom:92px;max-height:48vh;border-radius:30px}.provider-picker.open:before{content:"";position:fixed;inset:0;background:rgba(2,8,5,.26);backdrop-filter:blur(5px);z-index:998}.provider-picker.open .provider-menu{z-index:999}.provider-trigger{border-radius:22px}}
@media (prefers-reduced-motion:no-preference){.provider-option{animation:providerItemIn .24s var(--ease) both}.provider-option:nth-child(2){animation-delay:.015s}.provider-option:nth-child(3){animation-delay:.03s}.provider-option:nth-child(4){animation-delay:.045s}.provider-option:nth-child(5){animation-delay:.06s}@keyframes providerItemIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}