:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}.appShell{width:min(100%,560px);min-height:100vh;margin:0 auto;padding:18px 16px 28px}.loadingShell{color:#69758b;align-content:center;place-items:center;gap:14px;display:grid}.loaderMark{border:3px solid #d7deeb;border-top-color:#1f8cff;border-radius:50%;width:38px;height:38px;animation:.9s linear infinite spin}.hero{background:radial-gradient(circle at 86% 18%,#ffc94738,#0000 28%),linear-gradient(140deg,#fff 0%,#f1f6ff 52%,#edf7f3 100%);border:1px solid #dfe6f1;border-radius:22px;padding:18px;position:relative;overflow:hidden;box-shadow:0 24px 60px #273d5b21}.topbar,.brand,.heroGrid,.visualStack,.glassToken,.segmented,.fieldHeader,.stepper,.summary,.trustRow,.trustRow div,.modalHeader,.orderStrip,.statusPanel,.payAction,.successState,.tonPanel,.sbpPanel,.emptyPayment{display:flex}.topbar{justify-content:space-between;align-items:center}.brand{letter-spacing:0;align-items:center;gap:9px;font-weight:780}.brand img{width:30px;height:30px}.modeBadge{color:#1477dd;text-align:center;background:#1f8cff17;border:1px solid #1f8cff2e;border-radius:999px;min-width:48px;padding:7px 10px;font-size:12px;font-weight:760}.heroGrid{justify-content:space-between;align-items:center;gap:18px;margin-top:24px}.intro h1{color:#11192a;letter-spacing:0;max-width:330px;margin:0;font-size:clamp(31px,9vw,46px);line-height:.98}.intro p{color:#5d6a7f;max-width:330px;margin:14px 0 0;font-size:15px;line-height:1.45}.visualStack{justify-content:center;align-items:center;min-width:132px;height:142px;position:relative}.visualStack>img{filter:drop-shadow(0 16px 18px #ffbc233d);width:122px;height:122px}.glassToken{color:#1e2b43;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffbd;border:1px solid #ffffffbf;border-radius:14px;align-items:center;gap:7px;max-width:150px;padding:9px 11px;font-size:12px;font-weight:760;position:absolute;bottom:8px;right:0;box-shadow:0 16px 34px #1f304e29}.checkoutCard{background:#fff;border:1px solid #dfe6f1;border-radius:18px;margin-top:16px;padding:16px;box-shadow:0 18px 46px #273d5b1a}.segmented{background:#edf2f8;border-radius:14px;gap:6px;padding:5px}.segmented button{color:#637086;background:0 0;border:0;border-radius:10px;flex:1;min-height:42px;font-size:14px;font-weight:760}.segmented button.active{color:#12213a;background:#fff;box-shadow:0 8px 18px #3d4f701f}.field,.quantityBlock{gap:9px;margin-top:16px;display:grid}.field span,.fieldHeader span,.summary span,.orderStrip span,.tonDetails span,.mutedLabel{color:#788499;font-size:12px;font-weight:720}.field input,.stepper input{color:#11192a;background:#f8fafc;border:1px solid #dbe3ee;border-radius:13px;outline:none;width:100%;min-height:48px;font-size:16px;font-weight:680}.field input{padding:0 14px}.field input:focus,.stepper input:focus{border-color:#1f8cff;box-shadow:0 0 0 4px #1f8cff1f}.fieldHeader{justify-content:space-between;align-items:center}.fieldHeader strong{color:#14213a;font-size:14px}.stepper{align-items:center;gap:8px}.stepper button,.iconButton,.ghostIconButton{border:0;place-items:center;display:grid}.stepper button{color:#14213a;background:#edf2f8;border-radius:13px;width:48px;height:48px}.stepper input{text-align:center;padding:0}.presetGrid,.premiumGrid,.methodGrid{gap:8px;display:grid}.presetGrid{grid-template-columns:repeat(3,1fr)}.presetGrid button,.premiumGrid button{color:#475569;background:#fff;border:1px solid #dbe3ee;border-radius:12px;min-height:42px;font-weight:760}.presetGrid button.active,.premiumGrid button.active{color:#0d67c4;background:#edf6ff;border-color:#1f8cff73}.premiumGrid{grid-template-columns:repeat(3,1fr);margin-top:16px}.premiumGrid button{gap:5px;padding:12px 8px;display:grid}.premiumGrid button span{font-size:13px}.premiumGrid button strong{font-size:15px}.summary{align-items:stretch;gap:8px;margin-top:16px}.summary div{background:#f8fafc;border-radius:14px;flex:1;gap:6px;min-width:0;padding:13px;display:grid}.summary strong{color:#14213a;text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.primaryAction{color:#fff;background:#11192a;border:0;border-radius:15px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;margin-top:16px;font-size:15px;font-weight:820;display:flex;box-shadow:0 18px 34px #11192a38}.primaryAction:disabled{color:#8792a5;box-shadow:none;background:#dce4ef}.trustRow{flex-direction:column;gap:10px;margin-top:16px;padding:0 3px}.trustRow div{color:#647086;align-items:center;gap:8px;font-size:13px;font-weight:650}.trustRow svg{color:#22a06b}.modalLayer{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d13206b;place-items:end center;padding:16px;display:grid;position:fixed;inset:0}.checkoutModal{background:#fff;border:1px solid #fffc;border-radius:22px;width:min(100%,540px);max-height:min(760px,100vh - 32px);padding:16px;overflow:auto;box-shadow:0 28px 90px #080e1857}.modalHeader{justify-content:space-between;align-items:flex-start;gap:14px}.modalHeader h2{color:#11192a;margin:3px 0 0;font-size:24px;line-height:1.1}.mutedLabel{margin:0}.iconButton,.ghostIconButton{color:#516076;background:#eef3f8;border-radius:11px;flex:none;width:36px;height:36px}.orderStrip{background:#f7f9fc;border-radius:15px;align-items:center;gap:10px;margin-top:14px;padding:12px}.orderStrip div{flex:1;gap:4px;min-width:0;display:grid}.orderStrip strong{color:#172033;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.methodGrid{grid-template-columns:1fr;margin-top:14px}.methodCard{color:#172033;text-align:left;background:#fff;border:1px solid #dfe6f1;border-radius:15px;align-items:center;gap:12px;min-height:66px;padding:12px;display:flex}.methodCard.active{background:#eff7ff;border-color:#1f8cff7a}.methodCard:disabled{opacity:.48}.methodCard img{width:34px;height:34px}.methodCard span{gap:3px;display:grid}.methodCard strong{font-size:15px}.methodCard small{color:#69758b;font-size:12px;line-height:1.25}.emptyPayment,.statusPanel,.successState,.tonPanel,.sbpPanel{border-radius:16px;margin-top:14px}.emptyPayment{color:#6d788c;text-align:center;background:#f7f9fc;justify-content:center;align-items:center;gap:10px;min-height:96px;padding:18px}.statusPanel{color:#174f35;background:#eaf8f1;align-items:flex-start;gap:11px;padding:14px}.statusPanel div{gap:4px;display:grid}.statusPanel span,.successState span,.paymentHint{color:#69758b;font-size:13px;line-height:1.4}.payAction{color:#fff;background:#11192a;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;font-size:14px;font-weight:800;text-decoration:none}.payAction.secondary{color:#13213a;background:#edf2f8;width:100%}.payAction:disabled{color:#8792a5;background:#dce4ef}.tonPanel,.sbpPanel,.successState{background:#f7f9fc;flex-direction:column;align-items:stretch;gap:12px;padding:14px}.tonPanel .go3974562317{width:100%}.tonDetails{background:#fff;border:1px solid #dfe6f1;border-radius:14px;gap:8px;padding:12px;display:grid}.tonDetails div{grid-template-columns:minmax(88px,.72fr) minmax(0,1fr);align-items:center;gap:10px;display:grid}.tonDetails strong{overflow-wrap:anywhere;color:#172033;text-align:right;font-size:13px;line-height:1.25}.paymentHint{text-align:center}.sbpPanel{align-items:center}.sbpPanel img{background:#fff;border:1px solid #dfe6f1;border-radius:16px;width:min(240px,78vw);height:min(240px,78vw)}.successState{text-align:center;color:#174f35;background:#eaf8f1;align-items:center}.successState strong{color:#174f35;font-size:17px}.errorBox{color:#9b1c1c;background:#fff1f1;border:1px solid #ffd5d5;border-radius:14px;margin-top:12px;padding:12px 13px;font-size:13px;line-height:1.4}@media (width>=640px){.appShell{padding-top:28px}.modalLayer{place-items:center}.methodGrid{grid-template-columns:repeat(3,1fr)}.methodCard{flex-direction:column;align-items:flex-start;min-height:128px}}@media (width<=430px){.heroGrid{align-items:flex-start}.visualStack{min-width:104px;height:118px}.visualStack>img{width:96px;height:96px}.glassToken{max-width:118px;font-size:11px;right:-4px}.premiumGrid{grid-template-columns:1fr}}@keyframes spin{to{transform:rotate(360deg)}}