/* Only the native gateway handoff surface. */
body.ho-native .ho-transfer-v2{width:calc(100% - 32px);max-width:620px;margin:36px auto 60px;padding:0!important;overflow:hidden;border:1px solid #fff;border-radius:26px;background:radial-gradient(ellipse at 100% 0,#e8e5ff9c,transparent 65%),linear-gradient(135deg,#ffffffed,#f1faffdb);box-shadow:0 24px 65px #4f6c9c12,inset 0 1px #fff;text-align:left;backdrop-filter:blur(28px)}
.ho-transfer-v2 .ht-header{display:flex;align-items:center;gap:15px;padding:27px 28px;border-bottom:1px solid #dde7f180}
.ho-transfer-v2 .ho-transfer-icon{margin:0;width:48px;height:48px;flex:0 0 48px;border-radius:16px;background:linear-gradient(140deg,#e4e9ff,#dcf6f4);color:#6886bd;display:grid;place-items:center}
.ho-transfer-v2 .ho-transfer-icon svg{display:block;width:24px;height:24px}
.ho-transfer-v2 .ho-transfer-eyebrow{font-size:9px;letter-spacing:1.7px;color:#899ab5}
body.ho-native .ho-transfer-v2 h1{font-size:21px!important;letter-spacing:-.6px;margin:5px 0 0!important;line-height:1.3;color:#344f73!important}
.ho-transfer-v2 .ht-status{margin-left:auto;display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:20px;background:#e8f6f4;color:#518d8b;font-size:10px;white-space:nowrap;border:1px solid #d4eae7}
.ho-transfer-v2 .ht-status>span{width:5px;height:5px;border-radius:50%;background:#64a7a0}
.ho-transfer-v2 .ho-transfer-native{padding:23px 28px 26px}
body.ho-native .ho-transfer-v2 .ht-message .alert{padding:0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important;text-align:left!important;font-size:12px!important;line-height:1.8!important;color:#7c8da6!important;border-radius:0!important}
.ho-transfer-v2 .ht-gateway{margin-top:21px;padding:22px;border:1px solid #dbe5f4;border-radius:18px;background:linear-gradient(125deg,#ffffffb5,#edf3ff90);text-align:center;box-shadow:inset 0 1px #fff}
body.ho-native .ho-transfer-v2 .progress{width:100%!important;max-width:none;height:3px!important;margin:0 0 22px!important;overflow:hidden;background:#e0e9f6!important}
.ho-transfer-v2 .progress-bar{height:100%;width:40%;background:linear-gradient(90deg,#8693d3,#6bbab7)!important;animation:ht-connect 2s ease-in-out infinite!important;border-radius:4px}
body.ho-native .ho-transfer-v2 #frmPayment .btn,body.ho-native .ho-transfer-v2 #frmPayment input[type=submit]{display:inline-flex;align-items:center;justify-content:center;min-height:47px;min-width:210px;padding:12px 24px;border-radius:13px;border:1px solid #ffffff80;background:linear-gradient(115deg,#536da9,#7a86bf);box-shadow:0 8px 20px #536da928,inset 0 1px #ffffff40;color:white;font-size:13px;font-weight:600;transition:transform .18s,box-shadow .18s}
.ho-transfer-v2 #frmPayment .btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px #536da933}
.ho-transfer-v2 #frmPayment p,.ho-transfer-v2 #frmPayment small{font-size:11px!important;line-height:1.7;color:#8190a7;max-width:390px;margin:12px auto 0!important}
.ho-transfer-v2 .ht-footer{display:flex;justify-content:center;align-items:center;gap:8px;padding:17px 24px;border-top:1px solid #dee7f180;background:#ffffff40;color:#91a0b7;font-size:10px}
.ho-transfer-v2 .ht-footer svg{width:15px;height:15px;flex:none}
@keyframes ht-connect{0%{transform:translateX(-110%)}100%{transform:translateX(360%)}}
@media(prefers-reduced-motion:reduce){.ho-transfer-v2 .progress-bar{animation:none!important;width:100%}.ho-transfer-v2 #frmPayment .btn{transition:none}}
@media(max-width:600px){body.ho-native .ho-transfer-v2{margin:22px auto 35px;border-radius:22px}.ho-transfer-v2 .ht-header{padding:22px 19px;gap:11px;flex-wrap:wrap}.ho-transfer-v2 .ho-transfer-native{padding:20px 19px}.ho-transfer-v2 .ht-gateway{padding:20px 15px}.ho-transfer-v2 .ht-status{font-size:9px;padding:6px 8px}body.ho-native .ho-transfer-v2 h1{font-size:18px!important}.ho-transfer-v2 .ho-transfer-icon{width:41px;height:41px;flex-basis:41px;border-radius:13px}.ho-transfer-v2 .ht-footer{padding:15px;font-size:9px}}