.recipient-quote{padding:18px;background:#222226;border:1px solid #33333a;border-radius:16px;margin-bottom:25px;display:flex;flex-direction:column;gap:8px}.recipient-quote>span{font-size:12px;color:#9898a3}.recipient-quote strong{font-size:22px;letter-spacing:-.6px;font-weight:550}.recipient-label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;margin:0 2px 10px}.text-link{padding:0;font-size:12px;color:#aaaab4}.text-link:hover{color:#fff}.recipient-input{display:flex;align-items:center;border:1px solid #393940;border-radius:13px;background:#222226;padding:4px}.recipient-input:focus-within{border-color:#c85b68;box-shadow:0 0 0 3px #ff3b480b}.recipient-input input{width:100%;min-width:0;height:48px;border:0;background:none;color:white;padding:0 11px;font-size:14px;outline:none}.recipient-input button{font-size:11px;color:#aaaab4;padding:10px;border-radius:8px}.recipient-input button:hover{background:#33333a;color:white}.recipient-hint{font-size:11px;color:#747480;margin:10px 3px}.field-error{font-size:12px;color:#ff8b97;line-height:1.5;margin:10px 3px}.field-error:empty{display:none}.recipient-input:has([aria-invalid=true]){border-color:#d05463}
.order-page{width:min(860px,calc(100% - 48px));margin:45px auto 0;animation:page-in .35s var(--ease)}.order-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:33px}.order-id{font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.8px;color:#656571}.order-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:20px}.order-eyebrow{font-size:10px;letter-spacing:1.8px;color:#a65a65}.order-heading h1{font-size:30px;font-weight:550;letter-spacing:-1px;margin:9px 0 0;outline:none}.order-pill{border:1px solid #66343b;background:#2a191e;border-radius:20px;padding:7px 11px;font-size:11px;color:#f38b98;white-space:nowrap}.deposit-card{border:1px solid #34343b;border-radius:22px;background:#19191d;overflow:hidden;box-shadow:0 12px 40px #00000016}.deposit-main{display:flex;gap:40px;justify-content:space-between;padding:30px}.deposit-values{flex:1;min-width:0}.field-caption{display:block;color:#8b8b97;font-size:12px;margin-bottom:9px}.deposit-amount{display:flex;gap:12px;align-items:center;font-size:29px;font-weight:550;letter-spacing:-.7px;overflow-wrap:anywhere}.copy-control{flex-shrink:0;padding:4px;color:#80808d;border-radius:6px;width:26px;height:26px}.copy-control:hover{color:#fff;background:#ffffff0a}.copy-control svg{fill:none;stroke:currentColor;stroke-width:1.4;width:18px;height:18px}.address-caption{margin-top:28px}.unavailable-address{font-size:15px;color:#b4b4bd}.deposit-explainer{font-size:12px;line-height:1.7;color:#747480;max-width:360px;margin:10px 0 0}.qr-placeholder{width:156px;height:156px;flex-shrink:0;background:#232329;border:1px dashed #45454e;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#74747f}.qr-placeholder svg{width:85px;height:85px}.qr-placeholder span{font-size:10px;letter-spacing:.3px}.deposit-notice{margin:0 30px 26px;padding:12px 15px;border-radius:10px;background:#332126;border:1px solid #553038;color:#dca0aa;display:flex;gap:10px;align-items:center;font-size:12px}.deposit-actions{padding:24px 30px;display:flex;gap:24px;align-items:center;justify-content:space-between;border-top:1px solid #303037}.deposit-actions p{margin:0;color:#747480;font-size:12px;line-height:1.5}.deposit-actions .field-caption{color:#d5d5dc;font-size:13px}.glossy-action{padding:14px 22px;border-radius:13px;background:linear-gradient(180deg,#ff6c78,#f0394c 53%,#d71f36);border:1px solid #ff929b70;box-shadow:inset 0 1px 0 #ffbcc388,0 4px 15px #c91a2920;color:white;font-size:13px;font-weight:600;white-space:nowrap}.glossy-action:hover{filter:brightness(1.09)}.glossy-action:disabled{cursor:default;filter:saturate(.5);opacity:.75}.deposit-options{border-top:1px solid #303037;padding:16px 30px}.deposit-options summary{font-size:11px;color:#9696a2}.deposit-options p{font-size:12px;color:#7f7f8b;line-height:1.6;margin:12px 0 0}.deposit-option-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#aaaab5;padding-top:18px}.unavailable-pill{font-size:10px;color:#777784;border:1px solid #393940;border-radius:6px;padding:4px 7px}.progress-track{list-style:none;padding:0;margin:35px 0 0;display:grid;grid-template-columns:repeat(4,1fr)}.progress-track li{position:relative;display:flex;flex-direction:column;gap:14px;align-items:center;font-size:12px;color:#656572;text-align:center}.progress-track li:not(:last-child):after{content:'';position:absolute;top:10px;height:1px;background:#373740;left:calc(50% + 20px);right:calc(-50% + 20px)}.progress-dot{position:relative;width:21px;height:21px;border:1.5px solid #454550;border-radius:50%;background:#111112;z-index:1}.progress-track .active{color:#ff7c8a}.progress-track .active .progress-dot{border-color:#ff586b;border-top-color:transparent;animation:progress-spin 1.2s linear infinite}.progress-track .complete{color:#d3d3dc}.progress-track .complete .progress-dot{background:#e63b50;border-color:#e63b50}.progress-track .complete .progress-dot:after{content:'✓';font-size:13px;position:absolute;inset:0;display:grid;place-items:center;color:white}.progress-track .complete:after{background:#b63747!important}.progress-message{text-align:center;min-height:18px;color:#81818e;font-size:11px;margin:20px 0 30px}.order-summary{padding:24px 0 29px;border-bottom:1px solid #2d2d33;display:grid;gap:23px}.order-summary strong{font-weight:500;font-size:17px;letter-spacing:-.3px}.recipient-value{display:flex;align-items:flex-start;gap:10px}.recipient-value strong{overflow-wrap:anywhere;min-width:0;font-size:14px;line-height:1.7}.order-summary .text-link{justify-self:start;color:#d76c7c}.email-card{display:flex;gap:20px;padding:25px;background:#19191d;border:1px solid #2f2f35;border-radius:19px;margin-top:28px}.email-icon{width:42px;height:42px;flex-shrink:0;color:#df6677;background:#321c25;border:1px solid #63323e;border-radius:13px;display:grid;place-items:center}.email-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5}.email-content{flex:1;min-width:0}.email-content h2{font-size:14px;margin:0 0 7px;font-weight:550}.email-content>p{font-size:11px;color:#767682;margin:0 0 15px}.email-content form{display:flex;gap:10px}.email-content input{background:#242429;border:1px solid #383841;border-radius:10px;padding:12px;color:white;font-size:13px;min-width:0;flex:1}.email-button{padding:11px 20px;background:#373039;border:1px solid #5b3b46;border-radius:10px;font-size:12px;font-weight:500}.email-button:hover{background:#4a333e}.email-status{color:#b6a8b0!important;line-height:1.5;margin:12px 0 0!important}.email-status:empty{display:none}.order-help{margin-top:23px;border-color:#303037;padding:19px 3px}.order-help p{font-size:12px;color:#83838f;line-height:1.8;max-width:650px}.order-help summary{font-size:12px}.order-bottom{display:flex;justify-content:space-between;gap:20px;margin:8px 0 10px;font-size:11px;color:#aaaab5}.order-bottom>span{font-size:11px;color:#d78191}.order-page~.minimal-footer{width:min(860px,calc(100% - 48px));padding-top:45px}
@keyframes progress-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.order-page{width:calc(100% - 28px);margin-top:25px}.order-top{margin-bottom:27px}.order-heading h1{font-size:25px}.order-heading{margin-bottom:20px}.order-id{font-size:9px}.deposit-main{padding:22px;gap:20px}.deposit-amount{font-size:22px}.qr-placeholder{width:105px;height:120px}.qr-placeholder svg{width:62px;height:62px}.qr-placeholder span{font-size:9px}.deposit-explainer{font-size:11px}.unavailable-address{font-size:13px}.deposit-notice{margin:0 18px 19px;padding:11px;font-size:11px}.deposit-actions{padding:20px;flex-direction:column;align-items:stretch;gap:17px}.glossy-action{width:100%;padding:15px}.deposit-options{padding:15px 20px}.progress-track{margin-top:28px}.progress-track li{font-size:10px;gap:12px;line-height:1.5}.progress-track li:not(:last-child):after{left:calc(50% + 15px);right:calc(-50% + 15px)}.progress-message{font-size:10px;line-height:1.6}.email-card{padding:20px;gap:12px}.email-icon{width:32px;height:32px;border-radius:10px}.email-icon svg{width:22px;height:22px}.email-content form{flex-direction:column}.email-button{min-height:40px}.recipient-label{font-size:12px}.recipient-label .text-link{font-size:10px}.recipient-input input{font-size:12px}.order-page~.minimal-footer{width:calc(100% - 32px)}}
@media(max-width:360px){.deposit-main{flex-direction:column}.qr-placeholder{width:100%;height:100px;flex-direction:row;gap:20px}.address-caption{margin-top:20px}.email-icon{display:none}.order-top{gap:8px}.order-pill{font-size:9px;padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.progress-track .active .progress-dot{animation:none;border-top-color:#ff586b}.order-page{animation:none}}
.deposit-loading{min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px 20px 90px;animation:page-in .3s ease}.deposit-loading p{font-size:14px;color:#96969f;margin:25px 0 10px}.deposit-loading h1{font-size:clamp(24px,4vw,34px);font-weight:500;letter-spacing:-.8px;margin:0;outline:none}.deposit-spinner{width:46px;height:46px;border:3px solid #ff45551c;border-top-color:#ff4555;border-right-color:#ff455580;border-radius:50%;animation:deposit-spin .85s linear infinite}@keyframes deposit-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.deposit-loading{min-height:370px;padding:40px 12px 70px}}@media(prefers-reduced-motion:reduce){.deposit-spinner{animation:none;border-color:#ff45554d;border-top-color:#ff4555}.deposit-loading{animation:none}}
