@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");.tr-root{min-height:100vh;background:#07070f;color:#fff;font-family:Inter,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;position:relative;overflow:hidden}.tr-glow{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(249,115,22,.12) 0,transparent 70%);pointer-events:none;z-index:0}.tr-logo{display:inline-flex;align-items:center;text-decoration:none;margin-bottom:8px}.tr-logo,.tr-sub{position:relative;z-index:2}.tr-sub{font-size:14px;font-weight:600;color:hsla(0,0%,100%,.35);margin-bottom:48px;text-transform:uppercase;letter-spacing:2px}.tr-card{width:100%;max-width:440px;background:hsla(0,0%,100%,.04);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:32px;padding:48px 40px;position:relative;z-index:2;box-shadow:0 40px 100px rgba(0,0,0,.6);text-align:center}.tr-icon-wrap{width:80px;height:80px;border-radius:24px;border:1px solid rgba(249,115,22,.2);display:flex;align-items:center;justify-content:center;color:#f97316;margin:0 auto 32px;position:relative}.tr-icon-ping,.tr-icon-wrap{background:rgba(249,115,22,.1)}.tr-icon-ping{position:absolute;inset:-10px;border-radius:24px;animation:tr-ping 2s infinite}@keyframes tr-ping{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.4);opacity:0}}.tr-title{font-size:26px;font-weight:900;letter-spacing:-.5px;margin-bottom:12px}.tr-desc{font-size:14px;color:hsla(0,0%,100%,.45);line-height:1.6;margin-bottom:32px}.tr-input-box{position:relative;margin-bottom:24px}.tr-input{width:100%;padding:20px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.12);border-radius:20px;color:#fff;font-family:monospace;font-size:32px;font-weight:900;text-align:center;letter-spacing:.3em;text-transform:uppercase;outline:none;transition:all .2s}.tr-input::placeholder{color:hsla(0,0%,100%,.15);letter-spacing:0;font-family:inherit;font-size:14px;font-weight:600}.tr-input:focus{border-color:rgba(249,115,22,.5);background:hsla(0,0%,100%,.08);box-shadow:0 0 0 4px rgba(249,115,22,.08)}.tr-btn{width:100%;padding:18px;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:20px;color:#fff;font-size:16px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .25s;box-shadow:0 8px 30px rgba(249,115,22,.3)}.tr-btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(249,115,22,.5)}.tr-btn:disabled{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.2);box-shadow:none;cursor:not-allowed;transform:none}.tr-foot{margin-top:32px;font-size:13px;color:hsla(0,0%,100%,.3);font-weight:500}.tr-link{color:#f97316;text-decoration:none;font-weight:800}.tr-link:hover{text-decoration:underline}.tr-details-header{width:100%;padding:60px 24px;text-align:center;position:relative;z-index:10}.tr-details-header .tr-logo,.tr-main-card{margin-bottom:24px}.tr-main-card{width:100%;max-width:500px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:32px;padding:40px;position:relative;overflow:hidden}.tr-token-strip{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.tr-token-label{font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:800;color:hsla(0,0%,100%,.3);margin-bottom:8px}.tr-token-val{font-size:48px;font-weight:950;letter-spacing:4px;line-height:1;color:#fff}.tr-status-pill{padding:8px 16px;border-radius:12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1px;background:rgba(249,115,22,.1);color:#f97316;border:1px solid rgba(249,115,22,.2)}.tr-steps{margin:40px 0;position:relative}.tr-step-line{position:absolute;left:15px;top:10px;bottom:10px;width:2px;background:hsla(0,0%,100%,.05)}.tr-step-line-fill{position:absolute;left:0;top:0;width:100%;background:#f97316;transition:height 1s ease-in-out;box-shadow:0 0 15px #f97316}.tr-step{display:flex;gap:20px;margin-bottom:24px;position:relative;z-index:2}.tr-step-dot{width:32px;height:32px;border-radius:50%;background:#07070f;border:2px solid hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.2);transition:all .4s}.tr-step.active .tr-step-dot{border-color:#f97316;color:#f97316;box-shadow:0 0 20px rgba(249,115,22,.4)}.tr-step.done .tr-step-dot{background:#f97316;border-color:#f97316;color:#fff}.tr-step-info{flex:1}.tr-step-label{font-size:15px;font-weight:800;color:hsla(0,0%,100%,.3)}.tr-step.active .tr-step-label,.tr-step.done .tr-step-label{color:#fff}.tr-items-box{background:hsla(0,0%,100%,.02);border-radius:20px;padding:24px;margin-top:32px}.tr-item{display:flex;justify-content:space-between;font-size:14px;margin-bottom:12px}.tr-item:last-child{margin-bottom:0}.tr-item-name{color:hsla(0,0%,100%,.6);font-weight:500}.tr-item-qty{color:#f97316;font-weight:900;margin-right:8px}.tr-item-price{font-weight:800}