.product-art{width:100%;height:100%;position:relative;display:grid;place-items:center;overflow:hidden;background:#edf0ef;isolation:isolate;container-type:size;pointer-events:none}.product-art:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 60% 20%,#fff,transparent 65%)}.product-art-swap{background:#e5ece4}.product-art-bridge{background:#e6edf7}.product-art-social{background:#eaeae7}.product-art-community{background:#eee9f4}.product-art-route{background:#e9edf1}.product-art-build{background:#f0e9dc}.mini-window{width:74%;max-width:290px;background:#fff;border:1px solid #dce2dc;border-radius:11px;padding:18px 18px 15px;box-shadow:0 14px 30px #1e2b2020,0 2px 5px #1c30131a;position:relative;transform:perspective(900px) rotateX(7deg) rotateY(-7deg);animation:product-drift 9s ease-in-out infinite;color:#272d29;font-family:DM Sans,Arial,sans-serif;text-align:left}.mini-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.mini-header b{font-size:clamp(10px,3.5cqw,14px);font-weight:500;letter-spacing:-.3px}.mini-header>span{font-size:5px;letter-spacing:.4px;white-space:nowrap;color:#7f897f}.mini-header i{display:inline-block;width:4px;height:4px;background:#96bc41;border-radius:50%;margin-left:2px}.mini-amount{background:#f5f7f4;border:1px solid #eef1ec;border-radius:6px;padding:10px 11px}.mini-amount>small{display:block;font-size:7px;color:#97a091;margin-bottom:6px}.mini-amount>strong{font-size:clamp(16px,5.6cqw,22px);font-weight:500;letter-spacing:-.7px;display:flex;justify-content:space-between;align-items:center}.mini-amount strong>span{display:flex;align-items:center;gap:5px;font-size:8px;letter-spacing:0}.coin-usdg,.coin-eth,.network-rh{display:grid;place-items:center;font-style:normal;border-radius:50%;width:21px;height:21px;background:#e2ebdf;color:#3c5e38;font-size:14px;flex-shrink:0}.coin-eth{background:#e7ecf9}.coin-eth svg{height:15px;width:12px}.mini-swap{display:block;position:relative;text-align:center;font-size:14px;height:15px;line-height:15px;color:#677562}.mini-confirm{background:#d8f75b;color:#2c3a22;border-radius:5px;padding:10px 11px;font-size:7px;margin-top:11px;display:flex;align-items:center;justify-content:space-between}.mini-confirm>span{font-size:10px}.bridge-window{padding-bottom:23px;transform:perspective(900px) rotateX(6deg) rotateY(6deg);animation-delay:-2s}.bridge-window .mini-header{margin-bottom:31px}.bridge-network{display:flex;align-items:center;justify-content:space-between}.bridge-network>.coin-eth,.bridge-network>.network-rh{width:45px;height:45px;border:1px solid #cfdaef;background:#eef3ff}.bridge-network .coin-eth svg{height:30px;width:22px}.bridge-network>.network-rh{background:#242f29;color:#d7f265;font:500 13px DM Sans,sans-serif;border-color:#242f29;letter-spacing:-.4px}.transfer-track{height:1px;background:#c6d4ec;flex:1;margin-inline:10px;position:relative;display:flex;justify-content:space-between;align-items:center}.transfer-track>b{width:4px;height:4px;border:1px solid #b1c4e5;border-radius:50%;background:#f4f7fd}.transfer-track>i{position:absolute;left:0;height:5px;width:12px;background:#6b99e7;box-shadow:0 0 10px #8ab2ef;border-radius:5px;animation:signal-travel 3.5s ease-in-out infinite}.bridge-names{display:flex;justify-content:space-between;font-size:8px;margin-top:9px}.bridge-status{font-size:7px;color:#8190a7;padding-top:23px;margin-top:25px;border-top:1px solid #e9edf3;display:flex;align-items:center;gap:6px}.status-pulse{width:4px;height:4px;background:#7ea3dc;border-radius:50%;box-shadow:0 0 0 3px #e8effa;animation:status-breathe 3s ease infinite}.social-window{text-align:center;padding-block:18px 20px;animation-delay:-4s;transform:perspective(900px) rotateX(5deg) rotateY(-6deg)}.mini-x{font-size:52px;line-height:1.1;display:block;margin:17px 0 9px;color:#202522}.social-name{display:block;font-size:13px;letter-spacing:-.3px;font-weight:500}.social-handle{font-size:8px;color:#8a9389;display:block;margin-top:5px}.mini-follow{display:flex;justify-content:space-between;align-items:center;border:1px solid #e4e8e2;background:#f8f9f6;padding:10px 12px;margin-top:20px;border-radius:5px;font-size:7px;text-align:left}.mini-follow span{font-size:12px}.member-stack{display:flex;justify-content:center;align-items:center;margin:31px 0 23px;padding-left:12px}.member-stack>span{height:45px;width:45px;display:grid;place-items:center;border-radius:50%;background:#e7e0ee;color:#78668e;border:3px solid #fff;margin-left:-12px;font-size:15px}.member-stack>span:nth-child(2){background:#363338;color:#fff;transform:translateY(-8px);animation:member-lift 5s ease infinite}.member-stack>span:last-child{background:#d8f75b;color:#43542d;font-size:9px}.route-step{display:flex;align-items:center;gap:12px;margin-top:18px;padding:9px 0}.route-step>i{font:7px ui-monospace,monospace;color:#8a98ad}.route-step>span{font-size:12px;letter-spacing:-.3px}.route-step small{font-size:6px;color:#8994a4;display:block;margin-top:5px;letter-spacing:0}.route-step>b{font-weight:400;margin-left:auto;color:#87996c}.route-window .mini-confirm{background:#e7edf4;margin-top:20px}.route-window .mini-confirm span{font-size:6px;color:#8a96a5}.pass-window{background:#fffdf8;border-color:#e1dacd;text-align:center;padding-top:20px}.pass-number{display:block;font-size:65px;letter-spacing:-4px;line-height:1.1;color:#8b6f35;margin-block:14px}.pass-number small{font-size:15px;letter-spacing:0;margin-left:5px}.pass-perf{border-top:1px dashed #e2d8c2;margin-top:20px}.pass-bottom{display:flex;justify-content:space-between;font:6px ui-monospace,monospace;color:#968564;margin-top:13px}.pass-bottom b{font-weight:400}.feature-art .mini-window{width:73%}.quest-art-button .mini-window{width:68%;padding:12px 14px}.quest-art-button .mini-header{margin-bottom:8px}.quest-art-button .mini-amount{padding:7px 9px}.quest-art-button .mini-amount strong{font-size:18px}.quest-art-button .mini-confirm{padding:7px 10px;margin-top:8px}.quest-art-button .mini-x{font-size:38px;margin-block:12px 6px}.quest-art-button .mini-follow{margin-top:12px;padding:7px 10px}.quest-art-button .bridge-window .mini-header{margin-bottom:18px}.quest-art-button .bridge-status{padding-top:12px;margin-top:16px}.quest-art-button .bridge-network>.coin-eth,.quest-art-button .bridge-network>.network-rh{width:35px;height:35px}.quest-art-button .member-stack{margin-block:18px 13px}.quest-art-button .route-step{margin-top:10px;padding:6px 0}.quest-art-button .pass-number{font-size:46px;margin-block:8px}.quest-art-button .pass-perf{margin-top:12px}.quest-art-button .social-name{font-size:11px}
@keyframes product-drift{0%,100%{transform:perspective(900px) rotateX(7deg) rotateY(-7deg) translateY(2px)}50%{transform:perspective(900px) rotateX(3deg) rotateY(3deg) translateY(-5px)}}@keyframes signal-travel{0%,12%{left:0;opacity:0}25%{opacity:1}80%,100%{left:85%;opacity:0}}@keyframes status-breathe{50%{box-shadow:0 0 0 5px #e5edfa}}@keyframes member-lift{50%{transform:translateY(-3px)}}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.product-art *,.product-art *:before,.product-art *:after{animation:none!important;transition:none!important}}