:root{--bg:#070707;--panel:#0e0e0e;--raise:#161616;--line:#232323;--line-hi:#3b3b3b;--text:#f0f0f0;--mute:#8a8a8a;--ash:#e6e6e6;--ember:#ffaf78;--ok:#5fd68a;--font:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--bg)}body{margin:0;color:var(--text);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased;min-height:100vh}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ash);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}header{border-bottom:1px solid var(--line)}header .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}.brand{font-weight:700;font-size:16px;letter-spacing:.01em}.brand span{color:var(--mute);font-weight:500}.ghost{color:var(--text);text-decoration:none;font-size:13.5px;font-weight:500;border:1px solid var(--line-hi);border-radius:8px;padding:7px 14px}.ghost:hover{border-color:var(--ash)}.intro{padding:44px 0 26px}h1{font-size:30px;font-weight:600;letter-spacing:-.025em;margin:0 0 6px}.intro p{margin:0;color:var(--mute)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start;padding-bottom:90px}.steps{counter-reset:s}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:16px}.card h2{counter-increment:s;display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:16px;font-weight:600;letter-spacing:-.01em;margin:0 0 18px}.card h2:before{content:counter(s) "\a0\b7\a0";color:var(--mute);font-weight:500;margin-right:-6px}.card h2 .t{flex:1}.card h2 small{font-weight:400;font-size:12.5px;color:var(--mute)}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.plan{position:relative;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:16px 14px;cursor:pointer;transition:border-color .15s}.plan:hover{border-color:var(--line-hi)}.plan[aria-pressed=true]{border-color:#ffaf78a6}.plan .n{font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px}.plan .p{font-size:26px;font-weight:700;letter-spacing:-.03em;margin:8px 0 2px;line-height:1.1}.plan .p small{font-size:12.5px;font-weight:400;color:var(--mute);letter-spacing:0}.plan .d{font-size:12.5px;color:var(--mute)}.rec{font-size:11.5px;font-weight:500;color:var(--ok)}.stepper{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.step{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.step button{width:44px;height:44px;background:none;border:0;color:var(--mute);cursor:pointer;font-size:19px}.step button:hover{color:var(--text)}.step input{width:76px;text-align:center;background:none;border:0;font-weight:600;font-size:16px;-moz-appearance:textfield}.step input::-webkit-outer-spin-button,.step input::-webkit-inner-spin-button{-webkit-appearance:none}.step input:focus{outline:0}.note{color:var(--mute);font-size:13.5px}.pills{display:flex;flex-wrap:wrap;gap:8px}.pill{display:flex;align-items:baseline;gap:8px;border:1px solid var(--line);border-radius:9px;background:var(--bg);padding:9px 14px;cursor:pointer;font-weight:500;transition:border-color .15s}.pill:hover{border-color:var(--line-hi)}.pill[aria-pressed=true]{background:var(--ash);border-color:var(--ash);color:#0a0a0a}.pill i{font-style:normal;font-size:12.5px;color:var(--mute);font-weight:500}.pill[aria-pressed=true] i{color:#444}.method{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line-hi);border-radius:10px;padding:13px 16px;background:var(--bg)}.method span{color:var(--mute);font-size:13px}.in{margin-top:14px;width:100%;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:11px 14px;color:var(--text)}.in:focus{border-color:var(--ash);outline:0}aside{position:sticky;top:20px}.sum{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px}.sum h2{font-size:16px;font-weight:600;margin:0 0 16px}.empty{border:1px dashed var(--line-hi);border-radius:10px;padding:26px 16px;text-align:center;color:var(--mute);font-size:14px}.row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:14px;border-bottom:1px solid var(--line)}.row span:first-child{color:var(--mute)}.total{display:flex;justify-content:space-between;align-items:baseline;margin:16px 0 2px}.total .big{font-size:34px;font-weight:700;letter-spacing:-.03em;line-height:1}.php{color:var(--mute);font-size:13.5px;text-align:right;margin-bottom:18px}.pay{width:100%;border:0;border-radius:10px;background:var(--ash);color:#0a0a0a;font-weight:600;padding:13px;cursor:pointer}.pay:hover:not(:disabled){background:#fff}.pay:disabled{opacity:.4;cursor:default}.msg{min-height:20px;margin-top:12px;font-size:13.5px;color:var(--ember)}.msg.ok{color:var(--ok)}.fine{color:var(--mute);font-size:12.5px;margin:12px 0 0}.order{background:var(--panel);border:1px solid var(--line-hi);border-radius:14px;padding:22px;margin-bottom:20px}.order h2{font-size:16px;margin:0 0 4px}.keybox{display:flex;gap:8px;margin-top:14px}.keybox input{flex:1;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:11px 14px;font-family:ui-monospace,Consolas,monospace}.keybox button{background:var(--raise);border:1px solid var(--line-hi);border-radius:10px;padding:0 16px;cursor:pointer}footer{border-top:1px solid var(--line);color:var(--mute);font-size:13px;padding:20px 0}@media(max-width:900px){.layout{grid-template-columns:1fr}aside{position:static}}@media(max-width:640px){.plans{grid-template-columns:repeat(2,1fr)}}:root{--spring:cubic-bezier(.34,1.56,.64,1);--out:cubic-bezier(.22,1,.36,1)}.plan,.pill,.pay,.ghost,.step button,.keybox button{position:relative;overflow:hidden;transition:transform .35s var(--spring),border-color .2s,background .2s,box-shadow .25s,color .2s,opacity .2s}.plan{isolation:isolate}.plan:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(160deg,rgba(255,120,60,.2),transparent 72%);opacity:0;transition:opacity .4s var(--out)}.plan[aria-pressed=true]:before{opacity:1}.plan:hover,.pill:hover{transform:translateY(-2px)}.plan:hover{box-shadow:0 12px 30px #00000080}.ghost:hover,.keybox button:hover,.pay:hover:not(:disabled){transform:translateY(-1px)}.plan:active,.pill:active,.ghost:active,.keybox button:active,.pay:active:not(:disabled){transform:scale(.96);transition-duration:.08s}.step button:active{transform:scale(.8);transition-duration:.08s}.pop{animation:pop .5s var(--spring)}@keyframes pop{0%{transform:scale(.94)}55%{transform:scale(1.04)}to{transform:scale(1)}}#sUsd{transform-origin:right center}.rip{position:absolute;border-radius:50%;pointer-events:none;background:currentColor;opacity:.22;transform:scale(0);animation:rip .6s var(--out) forwards}@keyframes rip{to{transform:scale(1);opacity:0}}@keyframes enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.intro,.steps .card,.sum{animation:enter .55s var(--out) both}.steps .card:nth-child(2){animation-delay:.06s}.steps .card:nth-child(3){animation-delay:.12s}.steps .card:nth-child(4){animation-delay:.18s}.sum{animation-delay:.1s}#sFull:not([hidden]),.keybox:not([hidden]),.order:not([hidden]){animation:enter .45s var(--out) both}.shake{animation:shake .4s}@keyframes shake{20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.pay.load:disabled{opacity:.85}.pay.load:after{content:"";display:inline-block;width:13px;height:13px;margin-left:9px;border:2px solid #0a0a0a;border-top-color:transparent;border-radius:50%;vertical-align:-2px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}