:root{--bg1: #073b4c;--bg2: #0a6c74;--bg3: #f3efe6;--ink: #14212b;--muted: #5b6b76;--card: rgba(255, 255, 255, .92);--line: rgba(20, 33, 43, .12);--ok: #0f9d58;--bad: #c0392b;--accent: #0f766e}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:DM Sans,sans-serif;background:radial-gradient(1200px 600px at 10% -10%,#1aa6a6 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#f4d35e 0%,transparent 45%),linear-gradient(160deg,var(--bg3),#e7f2f1 45%,#d9ecea)}.page{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border-bottom:1px solid var(--line);background:#ffffff8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand,.hero-brand{font-family:Fraunces,Georgia,serif;font-weight:700;letter-spacing:-.02em}.brand{font-size:1.35rem;color:var(--bg1)}.hero-brand{font-size:clamp(2.4rem,6vw,3.6rem);color:#fff}.nav{display:flex;gap:16px;align-items:center}.nav a,.linkish{color:var(--ink);text-decoration:none;background:none;border:0;cursor:pointer;font:inherit}.nav a:hover,.linkish:hover{color:var(--accent)}.main{width:min(920px,calc(100% - 32px));margin:24px auto 48px;flex:1}.page-title{font-family:Fraunces,Georgia,serif;font-size:clamp(1.8rem,4vw,2.4rem);margin:0 0 8px}.subpage,.sub,.muted{color:var(--muted)}.footer{text-align:center;color:var(--muted);padding:20px;font-size:.9rem}.gate{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;background:linear-gradient(135deg,#073b4ceb,#0a6c74e0),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.gate-panel{width:min(420px,100%);background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:28px;color:#f7fafc;box-shadow:0 20px 60px #00000040}.gate .lead{font-size:1.15rem;margin:8px 0 4px}.gate .sub{margin:0 0 18px;color:#ffffffc7}.gate input{width:100%;border:0;border-radius:12px;padding:14px 16px;font:inherit}.stack{display:grid;gap:12px}.center{display:block;margin:16px auto 0;color:#ffffffe6}.gate-lang{position:absolute;top:18px;right:18px}.lang-switch{display:inline-flex;align-items:center;gap:8px;font-size:.88rem}.lang-switch-label{color:var(--muted);white-space:nowrap}.lang-switch select{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font:inherit;background:#fff;color:var(--ink)}.lang-switch.on-dark .lang-switch-label{color:#ffffffc7}.lang-switch.on-dark select{background:#ffffff1f;border-color:#ffffff3d;color:#fff}.btn{border:0;border-radius:12px;padding:12px 18px;font:inherit;cursor:pointer;display:inline-flex;justify-content:center;align-items:center}.btn.primary{background:#f4d35e;color:#14212b;font-weight:700}.btn.primary:disabled{opacity:.6;cursor:not-allowed}.btn.ghost{background:#fff;border:1px solid var(--line)}.btn.wide{width:100%;margin-top:8px}.topup,.orders,.result{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 10px 30px #14212b0f}.topup section{margin-bottom:22px}.topup h2{margin:0 0 10px;font-size:1rem}.topup input{width:100%;border:1px solid var(--line);border-radius:12px;padding:14px 16px;font:inherit;background:#fff}.carrier-grid,.amount-grid{display:grid;gap:10px}.carrier-grid{grid-template-columns:repeat(3,1fr)}.amount-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.carrier,.amount{border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px 10px;font:inherit;cursor:pointer}.carrier.active,.amount.active{border-color:var(--accent, #0f766e);box-shadow:inset 0 0 0 2px var(--accent, #0f766e);background:#edf7f6}.carrier.active{color:var(--accent);font-weight:700}.mode-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-row label{border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;gap:8px;align-items:center;cursor:pointer;background:#fff}.mode-row label.active{border-color:var(--accent);background:#edf7f6}.error{color:var(--bad);background:#fdecea;padding:10px 12px;border-radius:10px}.error.soft{margin-top:8px}.ok{color:#0b6b3a;background:#e8f8ef;padding:10px 12px;border-radius:10px}.order-item+.order-item{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.order-top{display:flex;justify-content:space-between;gap:12px}.order-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:.92rem;margin-top:6px}.order-actions{display:flex;gap:8px;margin-top:10px}.status{font-size:.8rem;font-weight:700;padding:4px 8px;border-radius:999px;background:#eef2f5;text-transform:uppercase}.status.SUCCESS{background:#e8f8ef;color:var(--ok)}.status.FAILED{background:#fdecea;color:var(--bad)}.status.PAYING,.status.CREATED{background:#fff6e5;color:#a16207}.status.big{display:inline-block;font-size:1rem;margin-bottom:10px}.empty{color:var(--muted)}@media (max-width: 640px){.carrier-grid,.mode-row{grid-template-columns:1fr}.topbar{padding:14px 16px}}