:root{--bg:#f4f8f6;--surface:#fff;--ink:#13251e;--muted:#688077;--line:#dce8e2;--primary:#078d61;--primary-dark:#046c4a;--accent:#c2f3dd;--glow:rgba(7,141,97,.18);--hero:#e5f7ef;--shadow:0 16px 45px rgba(18,54,40,.10)}
[data-theme="neon"]{--bg:#08100e;--surface:#101a17;--ink:#edfdf4;--muted:#9ab4a9;--line:#263c34;--primary:#53f5a1;--primary-dark:#24ca73;--accent:#173b2b;--glow:rgba(83,245,161,.3);--hero:#0d211a;--shadow:0 16px 45px rgba(0,0,0,.38)}
[data-theme="blue"]{--bg:#f3f7fc;--surface:#fff;--ink:#14243d;--muted:#657995;--line:#dbe5f3;--primary:#1769d5;--primary-dark:#0f4eaa;--accent:#d7e8ff;--glow:rgba(23,105,213,.18);--hero:#e7f1ff;--shadow:0 16px 45px rgba(20,56,106,.10)}
[data-theme="purple"]{--bg:#faf6fd;--surface:#fff;--ink:#2c1e3b;--muted:#7e6e8d;--line:#eadff2;--primary:#8251d5;--primary-dark:#6135ad;--accent:#e9ddff;--glow:rgba(130,81,213,.20);--hero:#f0e9ff;--shadow:0 16px 45px rgba(68,36,106,.11)}
[data-theme="gold"]{--bg:#10100f;--surface:#1b1b18;--ink:#f8f3e8;--muted:#b9ae97;--line:#37352d;--primary:#d7ad4e;--primary-dark:#ad8125;--accent:#372d17;--glow:rgba(215,173,78,.22);--hero:#201d15;--shadow:0 16px 45px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.5}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px);background:color-mix(in srgb,var(--bg) 90%,transparent);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:700;text-decoration:none}.brand b{color:var(--primary)}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--primary);color:#fff;font-family:"Plus Jakarta Sans";font-weight:800}.topbar nav{display:flex;gap:28px}.topbar nav a{color:var(--muted);font-size:.92rem;text-decoration:none}.header-actions{display:flex;gap:10px}.theme-button,.login-button,.text-button{border:0;background:transparent;color:var(--ink);font:inherit;cursor:pointer}.theme-button{padding:9px 12px;border:1px solid var(--line);border-radius:10px}.login-button{background:var(--ink);color:var(--surface);padding:10px 16px;border-radius:10px;font-weight:700}.theme-popover{display:none;position:fixed;right:5vw;top:67px;width:300px;padding:17px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);z-index:10}.theme-popover.open{display:block}.theme-popover p{margin:0 0 12px;font-weight:700}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.theme-grid button{background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:9px;padding:9px;text-align:left;font:500 12px "DM Sans";cursor:pointer}.swatch{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.emerald{background:#078d61}.neon{background:#53f5a1}.blue{background:#1769d5}.purple{background:#8251d5}.gold{background:#d7ad4e}main{max-width:1180px;margin:auto;padding:0 28px}.hero{min-height:490px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:80px;padding:76px 6vw;background:var(--hero);margin:0 calc(50% - 50vw);padding-left:max(6vw,calc((100vw - 1124px)/2));padding-right:max(6vw,calc((100vw - 1124px)/2));overflow:hidden}.eyebrow{font-size:.69rem;letter-spacing:.13em;font-weight:700;color:var(--primary)}h1,h2,h3{font-family:"Plus Jakarta Sans",sans-serif;line-height:1.13;margin:0}h1{font-size:clamp(2.6rem,5vw,4.5rem);letter-spacing:-.055em}.hero-copy>p{font-size:1.08rem;color:var(--muted);max-width:480px;margin:23px 0 30px}.hero-actions{display:flex;gap:12px}.button{border:0;border-radius:11px;padding:13px 17px;font:700 .92rem "DM Sans";text-decoration:none;cursor:pointer;display:inline-flex;justify-content:center;gap:20px;align-items:center}.primary{background:var(--primary);color:#fff;box-shadow:0 10px 21px var(--glow)}.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.trust{display:flex;flex-wrap:wrap;gap:17px;margin-top:30px;color:var(--muted);font-size:.78rem}.hero-card{position:relative;background:var(--surface);padding:29px;border-radius:22px;box-shadow:var(--shadow);overflow:hidden;min-height:292px;transform:rotate(3deg)}.card-top,.mini-row{display:flex;justify-content:space-between;color:var(--muted);font-size:.85rem}.more{letter-spacing:2px}.hero-card strong{display:block;font:700 2.45rem "Plus Jakarta Sans";margin:25px 0}.card-curve{height:72px;background:var(--accent);border-radius:90% 90% 0 0;opacity:.75;margin:0 -50px}.mini-row{align-items:center;margin-top:16px}.mini-row button{background:var(--accent);border:0;color:var(--primary-dark);font-weight:700;padding:7px 10px;border-radius:8px;cursor:pointer}.network-bubbles{display:flex;gap:6px;margin-top:14px}.network-bubbles span{font-size:.63rem;background:var(--bg);border:1px solid var(--line);padding:5px 7px;border-radius:6px}.dashboard,.orders-section{padding:92px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-heading h2,.wallet-section h2{font-size:clamp(1.8rem,3vw,2.55rem);letter-spacing:-.04em;margin-top:8px}.section-heading>p{color:var(--muted);width:320px;margin:0;font-size:.92rem}.purchase-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.purchase-card,.summary-card,.support-card,.topup-card,.orders-table,.api-note{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 5px 20px rgba(0,0,0,.025)}.purchase-card{padding:27px}.step{display:flex;gap:9px;align-items:center;margin:18px 0 10px;font-weight:700;font-size:.9rem}.step:first-child{margin-top:0}.step span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--accent);color:var(--primary-dark);font-size:.73rem}.network-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.network{border:1px solid var(--line);background:var(--bg);padding:13px 7px;border-radius:10px;color:var(--muted);font:700 .78rem "DM Sans";cursor:pointer}.network.active{border-color:var(--primary);color:var(--primary);background:var(--accent)}.bundle-list{display:grid;gap:7px}.bundle-list label{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.bundle-list input{accent-color:var(--primary)}.bundle-list b{font-size:.88rem}.bundle-list small{display:block;color:var(--muted);font-size:.72rem}.bundle-list strong{font-size:.82rem}.phone-input,.modal input,.amount-row input{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;padding:13px;font:inherit;outline-color:var(--primary)}.full{width:100%;margin-top:19px}.form-note,.topup-card small{display:block;text-align:center;color:var(--muted);margin-top:10px;font-size:.72rem}.side-stack{display:grid;gap:18px;align-content:start}.summary-card{padding:27px;background:linear-gradient(145deg,var(--surface),var(--hero))}.summary-card h3{font-size:2rem;margin:11px 0}.summary-card p,.support-card p,.topup-card p{color:var(--muted);font-size:.84rem}.summary-card a,.support-card a{color:var(--primary);font-size:.84rem;font-weight:700;text-decoration:none}.support-card{padding:20px;display:flex;gap:13px}.support-card p{margin:3px 0}.support-icon{width:37px;height:37px;border-radius:50%;background:var(--accent);color:var(--primary);display:grid;place-items:center;font-weight:bold}.wallet-section{display:grid;grid-template-columns:1fr .7fr;gap:100px;align-items:center;padding:76px 6vw;background:var(--ink);color:#fff;margin:0 calc(50% - 50vw);padding-left:max(6vw,calc((100vw - 1124px)/2));padding-right:max(6vw,calc((100vw - 1124px)/2))}.wallet-section p{color:color-mix(in srgb,#fff 65%,transparent);max-width:465px}.wallet-balance{border-left:3px solid var(--primary);padding:9px 15px;margin-top:27px}.wallet-balance small{display:block;color:color-mix(in srgb,#fff 60%,transparent)}.wallet-balance strong{font:700 1.65rem "Plus Jakarta Sans"}.topup-card{padding:29px;color:var(--ink)}.topup-card p{color:var(--muted)}.amount-row{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;padding-left:13px;color:var(--muted)}.amount-row input{border:0;background:transparent}.order-head,.order-row{display:grid;grid-template-columns:1.2fr 1fr .7fr .7fr;gap:10px;padding:15px 20px;align-items:center;font-size:.86rem}.order-head{background:var(--bg);font-size:.7rem;letter-spacing:.08em;color:var(--muted);font-weight:700}.order-row{border-top:1px solid var(--line)}.status{font-size:.72rem;font-weight:700;color:var(--primary-dark);background:var(--accent);padding:5px 7px;border-radius:7px;width:max-content}.empty-state{padding:35px 20px;color:var(--muted);text-align:center;font-size:.9rem}.text-button{color:var(--primary);font-size:.85rem;font-weight:700}.api-note{display:flex;align-items:center;gap:15px;padding:20px 23px;margin-bottom:75px}.api-note>span{font-size:1.4rem}.api-note p{margin:3px 0 0;color:var(--muted);font-size:.8rem}.api-note code{margin-left:auto;color:var(--primary);background:var(--accent);padding:6px;border-radius:6px;font-size:.72rem}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:25px max(5vw,28px);font-size:.77rem;color:var(--muted)}.modal-wrap{display:none;position:fixed;inset:0;background:rgba(0,0,0,.52);place-items:center;z-index:20;padding:20px}.modal-wrap.open{display:grid}.modal{position:relative;width:min(100%,420px);background:var(--surface);padding:32px;border-radius:19px;box-shadow:var(--shadow)}.modal h2{margin:8px 0}.modal p{color:var(--muted);font-size:.86rem}.modal input{margin-top:10px}.modal-close{position:absolute;right:15px;top:10px;background:transparent;border:0;color:var(--muted);font-size:1.7rem;cursor:pointer}.modal-toggle{text-align:center}.modal-toggle button{border:0;background:none;color:var(--primary);font-weight:700;cursor:pointer}@media(max-width:760px){.topbar{height:66px;padding:0 18px}.topbar nav{display:none}.theme-button span{display:none}.hero{grid-template-columns:1fr;gap:35px;padding-top:55px;padding-bottom:55px;min-height:auto}.hero-card{width:min(100%,360px);justify-self:center;transform:rotate(0)}.dashboard,.orders-section{padding:60px 0}.section-heading{align-items:start;gap:10px;flex-direction:column}.section-heading>p{width:auto}.purchase-layout,.wallet-section{grid-template-columns:1fr;gap:27px}.wallet-section{padding-top:60px;padding-bottom:60px}.order-head,.order-row{grid-template-columns:1.1fr .9fr .8fr}.order-head span:nth-child(2),.order-row span:nth-child(2){display:none}.api-note{align-items:flex-start}.api-note code{display:none}footer{gap:10px;flex-direction:column}.theme-popover{right:18px;top:58px}.hero-actions{flex-wrap:wrap}}