.recharge-body{min-height:100vh;background:radial-gradient(circle at 12% 18%,rgba(32,220,200,.1),transparent 28%),radial-gradient(circle at 85% 70%,rgba(141,85,255,.11),transparent 30%),#061723}.recharge-header{position:relative;z-index:2}.recharge-shell{width:min(1180px,calc(100% - 48px));margin:70px auto 110px;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.recharge-intro{position:sticky;top:50px;padding-top:40px}.recharge-intro h1{font-size:clamp(56px,7vw,88px)}.recharge-intro>p{max-width:470px;color:#9fb5c3;font-size:17px;line-height:1.75;margin-bottom:42px}.recharge-trust{display:flex;align-items:center;gap:15px;padding:18px 0;border-top:1px solid var(--line);max-width:450px}.recharge-trust>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#0e3440;color:var(--teal);font-weight:800}.recharge-trust p{margin:0;display:flex;flex-direction:column;gap:4px}.recharge-trust b{font-size:13px}.recharge-trust small{font-size:10px;color:#7692a3}.recharge-panel{padding:38px;border:1px solid var(--line);border-radius:30px;background:rgba(10,33,48,.92);box-shadow:0 30px 90px rgba(0,0,0,.25);backdrop-filter:blur(16px)}.step-head{display:flex;align-items:center;gap:17px;margin-bottom:30px}.step-head>span{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#041c24;background:linear-gradient(135deg,var(--teal),#77f5df);font:800 14px Space Grotesk}.step-head div{display:flex;flex-direction:column;gap:3px}.step-head small,.profile-copy small,.recharge-summary small,.recharge-success>small{font-size:8px;letter-spacing:.18em;color:#7895a5;font-weight:800}.step-head h2{font-size:25px;letter-spacing:-.03em;line-height:1.1;margin:0}.step-head.compact{padding-top:35px;border-top:1px solid var(--line)}.id-form label{display:block;font-size:11px;color:#a8bec9;font-weight:700;margin-bottom:10px}.id-field{display:flex;align-items:center;border:1px solid #2a5363;border-radius:17px;background:#061923;overflow:hidden;transition:.2s}.id-field:focus-within{border-color:var(--teal);box-shadow:0 0 0 4px rgba(32,220,200,.08)}.id-field>span{margin-left:16px;padding:6px 8px;border-radius:8px;background:#17394a;color:#6ef1df;font-size:10px;font-weight:800}.id-field input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:white;font:700 18px Manrope;padding:18px 12px}.id-field button,.recharge-button,.recharge-success button{border:0;cursor:pointer;font:800 12px Manrope}.id-field button{align-self:stretch;padding:0 20px;color:#042029;background:var(--teal)}.id-field button:disabled,.recharge-button:disabled{opacity:.55;cursor:not-allowed}.field-hint{font-size:9px;color:#688696;margin:9px 0 0}.recharge-status{padding:14px 16px;border-radius:13px;margin-top:16px;color:#a8e7e0;background:#0c3540;font-size:11px}.recharge-status.error{color:#ffd5dc;background:#411e2c;border:1px solid #733044}.profile-confirm{display:flex;align-items:center;gap:14px;padding:17px;margin-top:24px;border:1px solid rgba(32,220,200,.23);background:linear-gradient(135deg,rgba(32,220,200,.08),rgba(141,85,255,.07));border-radius:18px}.profile-avatar{flex:0 0 auto;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--teal),var(--violet));overflow:hidden;font:800 22px Space Grotesk}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.profile-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-copy span{font-size:10px;color:#91a8b6}.profile-confirm button{border:0;background:transparent;color:var(--teal);cursor:pointer;font-weight:800}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.coin-pack{position:relative;min-height:140px;padding:20px 12px 15px;border:1px solid #25485a;border-radius:18px;background:#09202e;color:#fff;cursor:pointer;display:flex;align-items:center;flex-direction:column;transition:.2s}.coin-pack:hover{transform:translateY(-2px);border-color:#3e7284}.coin-pack.selected{border-color:var(--gold);background:linear-gradient(150deg,#352912,#102638);box-shadow:0 0 0 3px rgba(255,203,99,.1)}.coin-pack em{position:absolute;right:7px;top:7px;padding:4px 6px;border-radius:99px;background:#ff477e;font:800 6px Manrope;font-style:normal;letter-spacing:.1em}.coin-mark{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;color:#4b2e00;background:linear-gradient(135deg,#ffe58e,#df9c17);box-shadow:inset 0 0 0 2px #fff6;font-weight:800}.coin-pack strong{font:800 21px Space Grotesk;margin-top:8px}.coin-pack small{color:#829dad;font-size:8px}.coin-pack b{margin-top:auto;color:var(--gold);font-size:12px}.recharge-summary{display:flex;justify-content:space-between;gap:20px;margin:24px 0;padding:17px 0;border-block:1px solid var(--line)}.recharge-summary div{display:flex;flex-direction:column;gap:5px}.recharge-summary div:last-child{text-align:right}.recharge-summary strong{font-size:12px}.recharge-button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-radius:15px;color:#06212a;background:linear-gradient(135deg,var(--teal),#70f2de);box-shadow:0 14px 40px rgba(32,220,200,.15)}.recharge-button span{font-size:18px}.test-note{margin:13px 5px 0;color:#6d8999;font-size:9px;line-height:1.6}.test-note b{color:#b4c8d2}.recharge-success{text-align:center;padding:50px 20px}.success-icon{width:74px;height:74px;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--teal),#6ef2d9);color:#05232b;font-size:32px;box-shadow:0 0 0 12px rgba(32,220,200,.08)}.recharge-success h2{font-size:32px;line-height:1.2}.recharge-success h2 span{color:var(--gold)}.recharge-success p{color:#8fa8b6}.recharge-success button{margin-top:20px;padding:14px 20px;border-radius:99px;background:#153849;color:#eafaff}.recharge-success[hidden],.package-step[hidden],.profile-confirm[hidden]{display:none}@media(max-width:850px){.recharge-shell{grid-template-columns:1fr;gap:35px;margin-top:35px}.recharge-intro{position:static;padding-top:0}.recharge-intro h1{font-size:57px}.recharge-intro>p{margin-bottom:24px}}@media(max-width:600px){.recharge-shell{width:calc(100% - 28px);margin-bottom:70px}.recharge-panel{padding:24px 18px;border-radius:24px}.package-grid{grid-template-columns:repeat(2,1fr)}.id-field{display:grid;grid-template-columns:auto 1fr}.id-field button{grid-column:span 2;padding:14px}.profile-confirm{align-items:flex-start}.profile-confirm button{padding-top:6px}.coin-pack{min-height:126px}.recharge-intro h1{font-size:50px}}