body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(800px 480px at 50% -10%,color-mix(in srgb,var(--pri) 30%,transparent),transparent 70%)}
.page{max-width:620px;margin:0 auto;padding:22px 16px 60px}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.top a{display:flex;align-items:center;gap:10px;font-weight:800;text-decoration:none}.logo{width:34px;height:34px;border-radius:10px;background:var(--grad);display:grid;place-items:center;color:#fff}
.hd{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px}.hd h2{font-size:24px;font-weight:800}
.tl{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0 8px;position:relative}
.tl .st{text-align:center;position:relative;font-size:13px;color:var(--mut)}.tl .st:not(:last-child):after{content:"";position:absolute;top:17px;right:calc(50% + 22px);left:calc(-50% + 22px);height:2px;background:var(--line)}
.tl .st.done:not(:last-child):after{background:var(--ok)}.tl .st:nth-child(n+2):before{display:none}
.tl .dot{width:36px;height:36px;border-radius:50%;margin:0 auto 6px;display:grid;place-items:center;background:var(--surf);border:2px solid var(--line);font-weight:700;position:relative;z-index:1}
.tl .done .dot{background:var(--ok);border-color:var(--ok);color:#04281c}.tl .cur .dot{border-color:var(--pri2);color:var(--pri2);box-shadow:0 0 0 5px color-mix(in srgb,var(--pri2) 20%,transparent)}.tl .fail .dot{background:var(--bad);border-color:var(--bad);color:#2b0610}
.tl .done,.tl .cur{color:var(--ink)}
.cd{display:flex;gap:18px;align-items:center}.cd svg{width:92px;height:92px;flex:none;transform:rotate(90deg) scaleX(-1)}.cd .tx b{font-size:26px;font-weight:800;display:block;line-height:1.3}.cd .tx span{color:var(--mut);font-size:13.5px}
.cred{display:grid;gap:10px;margin-top:14px}.row{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:var(--glass2);border:1px solid var(--line)}
.row .k{color:var(--mut);font-size:13px;min-width:92px}.row .v{flex:1;font-weight:600;overflow-wrap:anywhere;text-align:left}
.kv{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line)}.kv:last-child{border:0}.kv span:first-child{color:var(--mut)}
.bank{margin:14px 0;padding:22px;border-radius:20px;color:#fff;background:linear-gradient(135deg,#3b2fd1,#7466ff 55%,#1fb5d6);position:relative;overflow:hidden;box-shadow:0 24px 50px -24px var(--pri);direction:ltr}
.bank:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-80px;top:-100px;background:rgba(255,255,255,.12)}
.bank .chip{width:42px;height:30px;border-radius:7px;background:linear-gradient(135deg,#ffe29a,#d7a53a)}.bank .num{font:600 23px ui-monospace,Consolas,monospace;letter-spacing:2px;margin:20px 0 14px;position:relative;z-index:1}
.bank .bt{display:flex;justify-content:space-between;align-items:end;font-size:14px;direction:rtl}.bank button{position:relative;z-index:1;background:rgba(255,255,255,.2);box-shadow:none;padding:4px 12px;font-size:12.5px}
h4.t{font-size:16px;margin:0 0 10px;display:flex;align-items:center;gap:8px}
.sec-gap{margin-top:16px}.hint{color:var(--mut);font-size:13.5px;text-align:center;margin-top:20px}
@supports not (background:color-mix(in srgb,red 50%,blue)){
 body:before{background:radial-gradient(800px 480px at 50% -10%,rgba(116,102,255,.3),transparent 70%)}
 .tl .cur .dot{box-shadow:0 0 0 5px rgba(34,211,238,.2)}
}