:root{--bg:#f5f7fb;--ink:#101828;--muted:#667085;--card:#fff;--line:#e4e7ec;--accent:#22c55e;--soft:#ecfdf3;--warm:#fff7ed;--hero2:#344054}
*{box-sizing:border-box} body{margin:0;background:var(--bg);font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink)}
button,input{font:inherit}button{cursor:pointer}.app-shell{max-width:520px;margin:auto;min-height:100vh;padding-bottom:150px}
.topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:18px;background:rgba(245,247,251,.95);backdrop-filter:blur(14px)}
.eyebrow,.section-head small,.warm small{font-size:11px;letter-spacing:.14em;font-weight:800;color:var(--muted)}h1{font-size:24px;margin:2px 0 0}h2,h3,p{margin-top:0}
.icon-btn{text-decoration:none;display:grid;place-items:center;color:inherit;border:0;background:#fff;border-radius:16px;width:44px;height:44px;box-shadow:0 5px 16px rgba(16,24,40,.08)}main{padding:0 16px}
.hero-card{background:linear-gradient(145deg,#101828,#344054);color:#fff;padding:24px;border-radius:28px;margin:4px 0 14px;box-shadow:0 16px 34px rgba(16,24,40,.17)}
.hero-card h2{font-size:34px;line-height:1.05;margin:14px 0 10px}.hero-card h2 span{color:#86efac}.hero-card p{color:#d0d5dd;margin:0}.pill{display:inline-block;background:rgba(255,255,255,.12);padding:8px 11px;border-radius:999px;font-size:12px;font-weight:700}
.quick-actions,.network-row,.amount-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-actions{margin-bottom:12px}
.quick,.network,.amount,.secondary,.link-card{border:1px solid var(--line);background:#fff}.quick{border-radius:20px;padding:16px;text-align:left;display:grid;gap:3px}.quick span{font-size:23px}.quick small,.network small,.link-card small{color:var(--muted)}
.quick.active,.network.active,.amount.active{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink) inset}
.card{background:#fff;border-radius:24px;padding:18px;margin-bottom:12px;border:1px solid #eef1f5}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-head h3{margin:4px 0 0;font-size:20px}.text-btn{border:0;background:transparent;font-weight:800}
.field>span{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}.phone-wrap{display:flex;align-items:center;border:1px solid var(--line);border-radius:16px;padding:0 14px;min-height:56px}.phone-wrap strong{padding-right:12px;border-right:1px solid var(--line)}.phone-wrap input{border:0;outline:0;flex:1;padding:12px;font-size:18px;min-width:0}
.network-row{margin-top:12px}.network{border-radius:16px;padding:14px;text-align:left;display:flex;justify-content:space-between;align-items:center}.amount{border-radius:16px;padding:17px 10px;font-weight:850;font-size:17px}
.reward-hint{font-size:11px;background:var(--soft);padding:7px 10px;border-radius:999px;color:#067647;font-weight:800}.link-card{width:100%;margin-top:12px;border-radius:16px;padding:14px;display:grid;grid-template-columns:auto 1fr auto;text-align:left;gap:12px;align-items:center}.link-card span:nth-child(2){display:grid}
.trust-strip{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding:4px 3px 16px}.warm{background:var(--warm)}.warm p{color:var(--muted);font-size:14px}.secondary{border-radius:14px;padding:12px 14px;font-weight:800}
.checkout-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:67px;width:min(520px,100%);background:rgba(255,255,255,.97);border-top:1px solid var(--line);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;z-index:10}.checkout-bar small{display:block;color:var(--muted)}.checkout-bar strong{font-size:21px}.checkout-bar>button{background:var(--accent);border:0;border-radius:17px;padding:15px 22px;font-weight:900;color:#052e16}
.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(520px,100%);display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);padding:8px 8px max(8px,env(safe-area-inset-bottom));z-index:11}.bottom-nav a{text-decoration:none;color:var(--muted);display:grid;justify-items:center;gap:2px;font-size:18px}.bottom-nav a small{font-size:10px}.bottom-nav a.active{color:var(--ink);font-weight:800}
@media(min-width:700px){body{padding:20px}.app-shell{border-radius:32px;box-shadow:0 20px 70px rgba(16,24,40,.15);overflow:hidden}}

.promo-stack{display:grid;gap:10px;margin:0 0 12px}.promo-card{display:flex;justify-content:space-between;gap:14px;align-items:center;text-decoration:none;color:var(--ink);background:var(--soft);border:1px solid #d1fadf;border-radius:20px;padding:15px}.promo-card div{display:grid;gap:3px}.promo-card small{font-size:10px;font-weight:900;letter-spacing:.12em;color:#067647}.promo-card b{font-size:17px}.promo-card span{font-size:12px;color:#667085}.promo-card strong{font-size:12px;white-space:nowrap}

body{background:var(--bg)}
.hero-card{background:linear-gradient(145deg,var(--ink),var(--hero2))}
.global-loader{position:fixed;inset:0;background:rgba(16,24,40,.48);backdrop-filter:blur(3px);z-index:9999;display:none;place-items:center;padding:20px}
.global-loader.show{display:grid}.loader-card{width:min(300px,90vw);background:#fff;border-radius:22px;padding:24px;text-align:center;box-shadow:0 20px 70px rgba(0,0,0,.22)}
.spinner{width:42px;height:42px;border-radius:50%;border:4px solid #e5e7eb;border-top-color:var(--accent);animation:llspin .75s linear infinite;margin:0 auto 14px}
.loader-card b{display:block;font-size:17px}.loader-card span{display:block;color:#667085;font-size:13px;margin-top:5px}
@keyframes llspin{to{transform:rotate(360deg)}}
.toast{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:10000;background:#101828;color:#fff;padding:12px 16px;border-radius:14px;box-shadow:0 12px 35px rgba(16,24,40,.22);font-weight:800;font-size:13px}