/* 朵朵云 · 晴天云朵 */
body.duo:not(.dark){--primary:#728bdc;--primary-hover:#5f77ca;--primary-soft:#eef2ff;--bg:#f6f9ff;--surface:#fff;--text:#435b7a;--muted:#7b8da8;--border:#e4ebf8;--subtle:#f3f6fe;background:radial-gradient(ellipse at 98% 0,#fff0f6,transparent 40%),radial-gradient(ellipse at 20% 0,#e9f6ff,transparent 45%),#f7f9ff}
body.duo:not(.dark) .sidebar{background:#fff!important;border-right:1px solid #e6ecfa;box-shadow:5px 0 28px #8ba0d30a!important;color:#5b7191}body.duo:not(.dark) .brand{color:#526c98;letter-spacing:2px;font-weight:600}body.duo:not(.dark) .brand small{color:#94a5c2;opacity:1}body.duo:not(.dark) .brand .brand-mark{width:46px;height:46px;border-radius:16px}body.duo:not(.dark) .nav-group{color:#9aa9c1;font-size:10px;letter-spacing:1px}body.duo:not(.dark) .sidebar .nav a{color:#6b7f9d;border-radius:12px;margin-block:3px}body.duo:not(.dark) .sidebar .nav a svg{color:#9aaed1}body.duo:not(.dark) .sidebar .nav a:hover{background:#f4f7ff;color:#6c83c8}body.duo:not(.dark) .sidebar .nav a.active{background:linear-gradient(100deg,#e8f3ff,#f2edff);color:#6e83cd;box-shadow:none}body.duo:not(.dark) .sidebar .nav a.active svg{color:#7f95d6}body.duo:not(.dark) .nav a.active:before{background:#a8bdf0;border-radius:3px;left:-16px}
body.duo:not(.dark) .sidebar-note{background:linear-gradient(110deg,#eef8ff,#fff0f6);border:1px solid #eaf0fb;border-radius:15px;padding:13px 11px;margin:12px 16px 0;color:#7284b2}body.duo:not(.dark) .sidebar-note small{color:#92a2bd}body.duo:not(.dark) .duo-support-icon{background:#fff;border-color:#fff;color:#93a7d4;border-radius:10px}body.duo:not(.dark) .duo-side-signature{color:#9cabc0}body.duo:not(.dark) .topbar{background:#fff!important;border-color:#e8edfa}body.duo:not(.dark) .topbar .account-button{background:#f2f7ff;border:1px solid #e4ecfb;border-radius:12px}body.duo:not(.dark) .topbar .account-button .avatar{border-radius:9px}body.duo:not(.dark) .badge{background:#e4a2b5}body.duo:not(.dark) .topbar .icon-button.round{background:#f3f6ff;border-radius:12px;color:#8c9ed0}
body.duo:not(.dark) .page-title,body.duo:not(.dark) .order-heading h1{color:#4b648b;font-weight:600;letter-spacing:1px}body.duo:not(.dark) .duo-eyebrow{color:#93a5c8}body.duo:not(.dark) .duo-eyebrow span{color:#a2aec5}body.duo:not(.dark) .duo-page-description{color:#7c8eab}body.duo:not(.dark) .panel,body.duo:not(.dark) .duo-connect,body.duo:not(.dark) .duo-node,body.duo:not(.dark) .duo-download{border-radius:21px;border-color:#e4ebf8;box-shadow:0 7px 30px #7996cb07}body.duo:not(.dark) .announcement-carousel{border-radius:14px;border-color:#e5ecf8;background:#fff;box-shadow:0 4px 20px #8fa3ce05}body.duo:not(.dark) .announcement-open>.ico{color:#af9cda}
body.duo:not(.dark) .button{border-radius:11px;border-color:#e1e9f7;color:#6f82a6}body.duo:not(.dark) .button.primary{background:linear-gradient(115deg,#86a5ea,#a28bd7);border-color:transparent;box-shadow:0 5px 14px #94a4de1c;color:#fff}body.duo:not(.dark) .button.primary:hover{background:linear-gradient(115deg,#7695dc,#917bc9);border-color:transparent;box-shadow:0 7px 20px #94a4de2b}
body.duo:not(.dark) .duo-pass{background:linear-gradient(118deg,#edf6ff,#eff3ff 62%,#fff0f6);border:1px solid #e0e9fb;border-radius:23px;color:#5b75a2;box-shadow:0 8px 32px #819bc812}body.duo:not(.dark) .duo-pass-label{color:#7187a9;letter-spacing:1px}body.duo:not(.dark) .duo-pass h2{color:#5f77a3;font-weight:600}body.duo:not(.dark) .duo-pass-status{background:#e2f4ed;border:1px solid #d1e9df;color:#6d9c8e;border-radius:20px}body.duo:not(.dark) .duo-pass-status i{background:#8dc7b1}body.duo:not(.dark) .duo-pass-status.is-expired{background:#fcecf0;border-color:#f3d8e1;color:#c78d9e}body.duo:not(.dark) .duo-allowance>span{color:#7187a9}body.duo:not(.dark) .duo-allowance strong{color:#5c78ab;font-weight:400;text-shadow:0 1px 0 #fff}body.duo:not(.dark) .duo-meter{background:#dbe5f7;height:5px}body.duo:not(.dark) .duo-meter>span{background:linear-gradient(90deg,#a8c3f4,#b5daca,#f1d69c,#edb5c7);min-width:4px}body.duo:not(.dark) .duo-meter-caption{color:#7187a9}body.duo:not(.dark) .duo-pass-bottom>div>span{color:#879bb9}body.duo:not(.dark) .duo-pass-bottom strong{color:#6b85ae}body.duo:not(.dark) .duo-pass-bottom .button{border-radius:13px;background:#8fa7e2;color:#fff;border-color:#8fa7e2;box-shadow:0 4px 12px #8da5e221}body.duo:not(.dark) .duo-pass-bottom>a{color:#8197bf}body.duo:not(.dark) .duo-auto-renew{background:#ffffff5c;border-color:#e4ebfa;color:#7187a9}body.duo:not(.dark) .duo-auto-renew .text-button{color:#8d9fc0}body.duo:not(.dark) .switch{background:#cfdaef}body.duo:not(.dark) .switch.on{background:#a1b6e7}
body.duo:not(.dark) .duo-pass-art{opacity:.7;top:110px;right:-75px;width:250px;height:250px}body.duo:not(.dark) .duo-pass-art i{border-width:8px;border-color:#f3bfd2}body.duo:not(.dark) .duo-pass-art i:nth-child(2){inset:16px;border-color:#f5d8a1}body.duo:not(.dark) .duo-pass-art i:nth-child(3){inset:32px;border-color:#bce2d8}body.duo:not(.dark) .duo-pass-art i:nth-child(4){inset:48px;border-color:#b7d5fb}body.duo:not(.dark) .duo-pass-art .duo-cloud{background:#fff;box-shadow:0 5px 14px #9db8da09}body.duo:not(.dark) .duo-pass-art .one{left:-8px;bottom:33px;transform:scale(1.03)}body.duo:not(.dark) .duo-pass-art .two{right:20px;top:11px;opacity:.9;transform:scale(.6)}
body.duo:not(.dark) .duo-connect-primary{background:linear-gradient(115deg,#eef4ff,#fff2f7);border:1px solid #e7e9fb;border-radius:15px;color:#7387b3}body.duo:not(.dark) .duo-connect-primary:hover{background:linear-gradient(115deg,#e7efff,#fcecf5)}body.duo:not(.dark) .duo-action-icon{border-radius:11px;background:#fff;color:#a795cf;border-color:#f0eafb}body.duo:not(.dark) .duo-action-arrow{color:#b2a0d9}body.duo:not(.dark) .duo-connect-primary small{color:#7c8eab}body.duo:not(.dark) .duo-section-kicker{color:#6e83a7}body.duo:not(.dark) .duo-section-kicker>span{color:#a5b1c8}body.duo:not(.dark) .duo-quick-links a{color:#8194b4}body.duo:not(.dark) .duo-network-summary strong{color:#7a96c0}body.duo:not(.dark) .duo-network-summary{border-color:#eaf0f9}body.duo:not(.dark) .duo-network-summary a:last-child{border-color:#eaf0f9}
body.duo:not(.dark) .chart-line{stroke:#9bb4e4}body.duo:not(.dark) .chart-fill{fill:#bed4f52b}body.duo:not(.dark) .chart-grid{stroke:#ecf1fa}body.duo:not(.dark) .duo-guide-step>span{display:flex;align-items:center;justify-content:center;border-radius:9px;background:#f2f5ff;width:27px;height:27px;color:#9eafd4}body.duo:not(.dark) .duo-guide-step:nth-of-type(2)>span{background:#fff2f6;color:#d3a4b6}body.duo:not(.dark) .duo-guide-step:nth-of-type(3)>span{background:#eef8f3;color:#92bdac}body.duo:not(.dark) .duo-guide h2{color:#8196bc}body.duo:not(.dark) .footer{color:#a0aec5}
body.duo:not(.dark) .plan-categories{border-radius:14px;background:#fff;border-color:#e4eafb}body.duo:not(.dark) .plan-categories button{border-radius:10px;color:#8e9fbd}body.duo:not(.dark) .plan-categories button[aria-pressed=true]{background:linear-gradient(110deg,#e6f1ff,#f3ebfc);color:#7c90c4}body.duo:not(.dark) .plan-categories button span{background:#ffffff77}body.duo:not(.dark) .compact-plan{border-radius:22px;background:linear-gradient(170deg,#fff,#fbfcff);border-color:#e4eafb;box-shadow:0 6px 24px #849ec508}body.duo:not(.dark) .compact-plan:before{height:4px;background:#c3d7f7}body.duo:not(.dark) .compact-plan:nth-child(3n+2):before{background:#c5e6dc}body.duo:not(.dark) .compact-plan:nth-child(3n):before{background:#f2cddb}body.duo:not(.dark) .compact-plan h2{color:#738ab3}body.duo:not(.dark) .plan-cost strong{color:#819dce}body.duo:not(.dark) .plan-tag{border-radius:20px;background:#f0f4ff;color:#91a4c8}body.duo:not(.dark) .compact-plan .plan-details{border-radius:11px;background:#f7f9ff;border-color:#e9edfa}body.duo:not(.dark) .compact-plan .plan-details summary strong{color:#8194b5}body.duo:not(.dark) .plan-specs strong{color:#88a0c5}body.duo:not(.dark) .plan-specs span{color:#8fa1bf}
body.duo:not(.dark) .client-device-picker .button{border-radius:12px;background:#fff;color:#8b9dbd;border-color:#e4eafa}body.duo:not(.dark) .client-device-picker .button.primary{background:linear-gradient(110deg,#e8f1ff,#f1eafd);border-color:#e4eafa;color:#7d91c4;box-shadow:none}body.duo:not(.dark) .duo-download-icon{background:linear-gradient(140deg,#eff7ff,#f8edff);border-radius:25px}body.duo:not(.dark) .duo-download:after{width:4px;background:linear-gradient(#bed4f7,#bfe5d8,#f4dbac,#f0c9d8)}body.duo:not(.dark) .duo-download-copy h2{color:#7890b8}body.duo:not(.dark) .duo-node-number{background:#f1f6ff;border-radius:8px;padding:4px 7px;width:max-content;color:#a1b6da}body.duo:not(.dark) .duo-node h2{color:#7a8fb1}body.duo:not(.dark) .node-status{color:#86aa9c}body.duo:not(.dark) .dot{background:#a7d7c4}body.duo:not(.dark) .list-item>.ico{background:#f0f5ff;color:#a2b3d9;border-color:#e9effa;border-radius:13px}body.duo:not(.dark) .metric{border-radius:16px;background:#f6f9ff;border-color:#e9effa}body.duo:not(.dark) .metric:nth-child(2){background:#fff6f9;border-color:#f7e9ef}body.duo:not(.dark) .metric:nth-child(3){background:#f2faf7;border-color:#e6f1ed}body.duo:not(.dark) .metric strong{color:#829dc3}body.duo:not(.dark) .table-wrap{border-radius:13px}body.duo:not(.dark) th{background:#f6f8ff;color:#91a4c2}body.duo:not(.dark) .help-callout{background:#f3f7ff;border-color:#e4edfb;color:#8197bc;border-radius:13px}body.duo:not(.dark) .order-mobile-card{border-radius:15px}body.duo:not(.dark) .notice-link,body.duo:not(.dark) .list-content strong{color:#687fa6}
body.duo:not(.dark) input:not([type=checkbox]):not([type=radio]),body.duo:not(.dark) textarea,body.duo:not(.dark) select{border-radius:11px!important;background:#fcfdff!important;border-color:#e2eafa!important;color:#7387a9!important}body.duo:not(.dark) input:focus,body.duo:not(.dark) textarea:focus,body.duo:not(.dark) select:focus{border-color:#b5c6ed!important;box-shadow:0 0 0 3px #e9effc!important}body.duo:not(.dark) .modal,body.duo:not(.dark) .refund-policy-dialog{border-radius:23px;border-color:#e7edfa;box-shadow:0 22px 80px #6e8cb32b}body.duo:not(.dark) .modal-backdrop{background:#5e719a55;backdrop-filter:blur(5px)}body.duo:not(.dark) .checkout-summary{background:linear-gradient(145deg,#ecf6ff,#faf0fc);border-color:#e7eafa;border-radius:17px;color:#7c90b5}body.duo:not(.dark) .checkout-summary h3{color:#7c90b5}body.duo:not(.dark) .checkout-period,body.duo:not(.dark) .checkout-payment{border-radius:12px}body.duo:not(.dark) .checkout-period.selected,body.duo:not(.dark) .checkout-payment.selected{border-color:#b4c5ed;background:#f1f5ff}body.duo:not(.dark) .subscription-client,body.duo:not(.dark) .subscription-import-panel,body.duo:not(.dark) .subscription-address-box{border-radius:13px;border-color:#e6ecf9}
body.duo:not(.dark) .duo-mobile-brand{color:#7c92bc}body.duo:not(.dark) .duo-mobile-dock{background:#fff;border-color:#e7edfa;box-shadow:0 -6px 25px #8aa0d008}body.duo:not(.dark) .duo-mobile-dock>a,body.duo:not(.dark) .duo-mobile-dock>button{color:#9eafcb}body.duo:not(.dark) .duo-mobile-dock>a.active{color:#8197ce}body.duo:not(.dark) .duo-mobile-dock>a.active:before{background:linear-gradient(90deg,#afd1f5,#d6b8ec);width:22px;left:calc(50% - 11px);border-radius:3px}body.duo:not(.dark) .duo-preview-notice{background:#f2f5fc!important;color:#a0adc5!important;border-color:#e8eefb}
body.duo:not(.dark) .login-art{background:linear-gradient(135deg,#e7f5ff,#f0f1ff 52%,#fff0f7);color:#7b94bd}body.duo:not(.dark) .login-art .brand{color:#7b94bd}body.duo:not(.dark) .login-copy h1{font-size:clamp(37px,3.6vw,57px);line-height:1.55;color:#829ac2;font-weight:500;letter-spacing:3px}body.duo:not(.dark) .login-copy p{color:#96a8c8;letter-spacing:1px}body.duo:not(.dark) .login-copy .duo-eyebrow{color:#a1b0cc}body.duo:not(.dark) .duo-login-rainbow i{border-width:11px;border-color:#f1c2d2}body.duo:not(.dark) .duo-login-rainbow i:nth-child(2){border-color:#f4dba9}body.duo:not(.dark) .duo-login-rainbow i:nth-child(3){border-color:#bfe3d7}body.duo:not(.dark) .duo-login-rainbow i:nth-child(4){border-color:#bed6f5}body.duo:not(.dark) .duo-login-emblem .duo-cloud{background:#fff;opacity:1}body.duo:not(.dark) .duo-login-signature{color:#a0afc9}body.duo:not(.dark) .login-main{background:linear-gradient(160deg,#fff,#fafcff)}body.duo:not(.dark) .login-card h2{color:#7a91b7}body.duo:not(.dark) .login-card>.brand{color:#7b94bd}body.duo:not(.dark) .login-card .button.primary{background:linear-gradient(115deg,#8caaec,#ac97dc);border-color:transparent;color:#fff;border-radius:12px}
body.duo:not(.dark) .button.primary,body.duo:not(.dark) .login-card .button.primary{background:linear-gradient(115deg,#d7e8ff,#e6daf7);color:#4a6084;border-color:#dae3f7}body.duo:not(.dark) .button.primary:hover{background:linear-gradient(115deg,#c9ddfa,#dbcef0);color:#405779}body.duo:not(.dark) .duo-pass-bottom .button{background:#d5e3ff;border-color:#cadbf9;color:#536e9b}body.duo:not(.dark) .compact-plan h2,body.duo:not(.dark) .plan-cost strong{color:#617da7}body.duo:not(.dark) .duo-connect-primary strong{color:#637ba4}
@media(max-width:600px){body.duo:not(.dark) .duo-pass{border-radius:21px}body.duo:not(.dark) .duo-pass-art{width:215px;height:215px;right:-95px;top:112px;opacity:.54}body.duo:not(.dark) .duo-pass-art i{border-width:7px}body.duo:not(.dark) .duo-pass-art i:nth-child(2){inset:14px}body.duo:not(.dark) .duo-pass-art i:nth-child(3){inset:28px}body.duo:not(.dark) .duo-pass-art i:nth-child(4){inset:42px}body.duo:not(.dark) .duo-connect,body.duo:not(.dark) .panel,body.duo:not(.dark) .duo-download{border-radius:19px}body.duo:not(.dark) .duo-node{border-radius:15px}body.duo:not(.dark) .login-main{background:radial-gradient(ellipse at top right,#fff0f8,transparent 55%),#f4f9ff}body.duo:not(.dark) .login-card{background:transparent}body.duo:not(.dark) .login-card>.brand .brand-mark{width:43px;height:43px}}

/* Solid cloud surfaces and stronger text contrast. */
body.duo:not(.dark){--primary:#4f6fb9;--primary-hover:#405eaa;--primary-soft:#e4edff;--bg:#edf3fc;--surface:#fff;--text:#344d70;--muted:#637995;--border:#ccd9ed;--subtle:#edf3fd;background:#edf3fc}
body.duo:not(.dark) .sidebar{background:#e5efff!important;border-right:1px solid #c4d5ee;box-shadow:4px 0 18px #6481ae14!important;opacity:1!important;backdrop-filter:none!important}body.duo:not(.dark) .sidebar .brand{color:#3f608e}body.duo:not(.dark) .brand small{color:#7189aa}body.duo:not(.dark) .nav-group{color:#6c83a5}body.duo:not(.dark) .sidebar .nav a{color:#526d96}body.duo:not(.dark) .sidebar .nav a svg{color:#6c8cba}body.duo:not(.dark) .sidebar .nav a.active{background:#ccdfff;color:#3c5b9a;box-shadow:inset 0 0 0 1px #b6cdf3}body.duo:not(.dark) .sidebar .nav a.active svg{color:#5275b8}body.duo:not(.dark) .sidebar .nav a:hover{background:#d9e7fd;color:#3f608e}body.duo:not(.dark) .sidebar-note{background:#d9e7fd;border-color:#c3d5f0;color:#536f9c}body.duo:not(.dark) .sidebar-note small,body.duo:not(.dark) .duo-side-signature{color:#6c83a5}
body.duo:not(.dark) .topbar{background:#fff!important;border-color:#cddbf0;opacity:1!important;backdrop-filter:none!important}body.duo:not(.dark) .topbar .account-button{background:#e7efff;border-color:#c9d9f4}body.duo:not(.dark) .duo-mobile-brand{color:#466a9c}body.duo:not(.dark) .workspace-label,body.duo:not(.dark) .workspace-label>span{color:#6c7f9c}
body.duo:not(.dark) .page-title,body.duo:not(.dark) .order-heading h1{color:#345780}body.duo:not(.dark) .duo-page-description{color:#607899}body.duo:not(.dark) .duo-eyebrow{color:#5c78a4}body.duo:not(.dark) .duo-eyebrow span{color:#7a8da9}
body.duo:not(.dark) .panel,body.duo:not(.dark) .duo-connect,body.duo:not(.dark) .duo-download,body.duo:not(.dark) .duo-node,body.duo:not(.dark) .compact-plan{background:#fff;border-color:#ccd9ed;opacity:1;backdrop-filter:none;box-shadow:0 5px 18px #52719e0e}body.duo:not(.dark) .announcement-carousel{background:#fff;border-color:#cbd9ef;color:#536c91;box-shadow:0 3px 12px #52719e08}
body.duo:not(.dark) .duo-pass{background:#dfebff;border-color:#bdd1f2;box-shadow:0 7px 22px #6f90bf17;color:#486a99}body.duo:not(.dark) .duo-pass h2{color:#3f608e}body.duo:not(.dark) .duo-allowance strong{color:#3f65a0;text-shadow:none}body.duo:not(.dark) .duo-pass-label,body.duo:not(.dark) .duo-allowance>span,body.duo:not(.dark) .duo-meter-caption{color:#5b78a2}body.duo:not(.dark) .duo-meter{background:#c1d3f2}body.duo:not(.dark) .duo-pass-bottom>div>span{color:#637fa5}body.duo:not(.dark) .duo-pass-bottom strong,body.duo:not(.dark) .duo-pass-bottom>a{color:#4c6d9d}body.duo:not(.dark) .duo-auto-renew{background:#d2e2fb;border-color:#bed2ef;color:#56739f}body.duo:not(.dark) .duo-auto-renew .text-button{color:#5d7daa}body.duo:not(.dark) .duo-pass-status{background:#d4eee2;border-color:#b5dbc8;color:#497d65}
body.duo:not(.dark) .duo-pass-art{opacity:1}body.duo:not(.dark) .duo-pass-art i{border-color:#efb1cb}body.duo:not(.dark) .duo-pass-art i:nth-child(2){border-color:#f2ce8d}body.duo:not(.dark) .duo-pass-art i:nth-child(3){border-color:#a2d6c7}body.duo:not(.dark) .duo-pass-art i:nth-child(4){border-color:#9ec5f5}
body.duo:not(.dark) .button.primary,body.duo:not(.dark) .login-card .button.primary,body.duo:not(.dark) .duo-pass-bottom .button{background:#5574bd;border-color:#5574bd;color:#fff;box-shadow:0 4px 12px #5574bd22}body.duo:not(.dark) .button.primary:hover,body.duo:not(.dark) .duo-pass-bottom .button:hover{background:#4363ad;color:#fff;border-color:#4363ad}body.duo:not(.dark) .button{border-color:#c7d7ed;color:#536f96}body.duo:not(.dark) .duo-connect-primary{background:#ece7fb;border-color:#d5c9f0;color:#645b92}body.duo:not(.dark) .duo-connect-primary:hover{background:#e3dcf7}body.duo:not(.dark) .duo-connect-primary strong{color:#64568d}body.duo:not(.dark) .duo-connect-primary small{color:#7e729c}body.duo:not(.dark) .duo-action-icon{background:#fff;border-color:#d9cef1;color:#8d78b5}body.duo:not(.dark) .duo-action-arrow{color:#8a73b7}
body.duo:not(.dark) .duo-section-kicker{color:#506d96}body.duo:not(.dark) .duo-section-kicker>span{color:#8394b0}body.duo:not(.dark) .duo-network-summary strong{color:#4d72a5}body.duo:not(.dark) .duo-quick-links a{color:#607ba3}body.duo:not(.dark) .duo-network-summary,body.duo:not(.dark) .duo-network-summary a:last-child{border-color:#d9e2f1}body.duo:not(.dark) .duo-guide h2{color:#5d7aa6}body.duo:not(.dark) .chart-line{stroke:#7e9fd5}
body.duo:not(.dark) .plan-categories button[aria-pressed=true],body.duo:not(.dark) .client-device-picker .button.primary{background:#d7e5ff;border-color:#bbcff1;color:#4769a4;box-shadow:none}body.duo:not(.dark) .compact-plan h2,body.duo:not(.dark) .plan-cost strong{color:#4a6c9c}body.duo:not(.dark) .plan-specs strong{color:#5b7ca7}body.duo:not(.dark) .plan-specs span{color:#7185a4}body.duo:not(.dark) .compact-plan .plan-details{background:#eef3fd;border-color:#d8e2f3}body.duo:not(.dark) .compact-plan .plan-details summary strong{color:#5d769c}body.duo:not(.dark) .metric{background:#eaf1ff;border-color:#ccdbf3}body.duo:not(.dark) .metric:nth-child(2){background:#fcebf2;border-color:#efd3df}body.duo:not(.dark) .metric:nth-child(3){background:#e7f5ef;border-color:#cce6da}body.duo:not(.dark) .metric strong{color:#5c7ca6}body.duo:not(.dark) .duo-node h2,body.duo:not(.dark) .duo-download-copy h2{color:#536f9a}
body.duo:not(.dark) .duo-mobile-dock{background:#fff;border-color:#c9d8ef;box-shadow:0 -5px 20px #6e8bb817;opacity:1;backdrop-filter:none}body.duo:not(.dark) .duo-mobile-dock>a,body.duo:not(.dark) .duo-mobile-dock>button{color:#7288aa}body.duo:not(.dark) .duo-mobile-dock>a.active{color:#496fb6}body.duo:not(.dark) .duo-mobile-dock>a.active:before{background:#7c9ddb}body.duo:not(.dark) .duo-preview-notice{background:#e0e9f8!important;color:#7185a5!important;border-color:#c9d8ee}
body.duo:not(.dark) .login-art{background:#e1edff}body.duo:not(.dark) .login-main{background:#fff}body.duo:not(.dark) .login-copy h1{color:#6383b2}body.duo:not(.dark) .login-card h2{color:#4d6b97}body.duo:not(.dark) .login-copy p{color:#6f89ad}body.duo:not(.dark) .login-copy .duo-eyebrow{color:#8399b8}body.duo:not(.dark) .login-card{background:#fff}body.duo:not(.dark) .login-options{color:#627b9e}body.duo:not(.dark) .login-main input:not([type=checkbox]){background:#f5f8ff!important;border-color:#c9d8ee!important;color:#4d678a!important}
@media(max-width:600px){body.duo:not(.dark) .duo-pass-art{opacity:1}body.duo:not(.dark) .login-main{background:#edf3ff}body.duo:not(.dark) .login-card{background:#fff;border:1px solid #d2dff1;border-radius:22px;padding:25px 20px}}

/* Membership levels follow the plan identity, rather than its grid position. */
body.duo .compact-plan.duo-tier-card[data-tier]{--tier:#507db9;--tier-ink:#385d91;--tier-wash:#deecff;--tier-line:#b8d0f2;--tier-surface:#f8fbff;background:var(--tier-surface);border:1px solid var(--tier-line);box-shadow:0 5px 20px #405c8510;overflow:hidden}
body.duo .compact-plan.duo-tier-card[data-tier=standard]{--tier:#8b66ba;--tier-ink:#6e4b9d;--tier-wash:#eaddfa;--tier-line:#cebae8;--tier-surface:#fcf9ff}
body.duo .compact-plan.duo-tier-card[data-tier=flagship]{--tier:#b58237;--tier-ink:#8d6327;--tier-wash:#fce9c7;--tier-line:#e8cc98;--tier-surface:#fffaf2}
body.duo .compact-plan.duo-tier-card[data-tier=supreme]{--tier:#b76c88;--tier-ink:#92516b;--tier-wash:#f8dfe8;--tier-line:#e6b9ca;--tier-surface:#fff8fb}
body.duo .compact-plan.duo-tier-card[data-tier=vip]{--tier:#a47d2c;--tier-ink:#795b1e;--tier-wash:#f8e9b6;--tier-line:#d9bd70;--tier-surface:#fffdf3;border-width:2px;box-shadow:0 8px 26px #a8873520}
body.duo .compact-plan.duo-tier-card[data-tier=vipmax]{--tier:#866236;--tier-ink:#664622;--tier-wash:#ecd5a5;--tier-line:#b99350;--tier-surface:#fff9eb;border-width:2px;box-shadow:0 8px 28px #8d652328}
body.duo .compact-plan.duo-tier-card[data-tier=light]{--tier:#5b9b7d;--tier-ink:#42775d;--tier-wash:#ddf1e5;--tier-line:#b5dcc7;--tier-surface:#f6fcf8}
body.duo .compact-plan.duo-tier-card[data-tier=plus]{--tier:#4c96a4;--tier-ink:#32727f;--tier-wash:#d7eff4;--tier-line:#acd6df;--tier-surface:#f5fcfe}
body.duo .compact-plan.duo-tier-card[data-tier]:before{height:5px;background:var(--tier)}
.duo-tier-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:26px}.duo-tier-badge{font-size:11px;font-weight:600;letter-spacing:.5px;color:var(--tier-ink);border:1px solid var(--tier-line);border-radius:7px;background:#fff;padding:4px 9px}.duo-tier-kind{font-size:9px;color:var(--tier-ink);opacity:.8}.duo-tier-identity{display:flex;align-items:center;gap:12px;padding:12px 15px;margin:16px 0 18px;border-radius:15px;background:var(--tier-wash);border:1px solid var(--tier-line);color:var(--tier)}.duo-tier-emblem{display:block;width:53px;height:53px;flex:none;filter:drop-shadow(0 3px 3px #6171880b)}.duo-tier-wordmark{font-size:8px;letter-spacing:1.3px;font-weight:600;color:var(--tier-ink)}.duo-tier-stars{font-size:12px;letter-spacing:4px;margin-top:5px;color:var(--tier)}
body.duo .compact-plan.duo-tier-card h2{color:var(--tier-ink);font-size:18px;line-height:1.5;margin:0 0 8px;min-height:0}body.duo .compact-plan.duo-tier-card .duo-tier-caption{font-size:10px;color:var(--tier-ink);opacity:.8;margin:0 0 13px;line-height:1.7}body.duo .compact-plan.duo-tier-card .duo-plan-divider{background:var(--tier);width:25px;margin-bottom:14px;opacity:.55}body.duo .compact-plan.duo-tier-card .plan-cost strong{color:var(--tier-ink)}body.duo .compact-plan.duo-tier-card .plan-specs{border-color:var(--tier-line)}body.duo .compact-plan.duo-tier-card .plan-specs strong{color:var(--tier-ink)}body.duo .compact-plan.duo-tier-card .plan-details{background:#fff;border-color:var(--tier-line)}body.duo .compact-plan.duo-tier-card .plan-details summary strong{color:var(--tier-ink)}body.duo .compact-plan.duo-tier-card>.button.primary{background:var(--tier);border-color:var(--tier);color:#fff;box-shadow:none}body.duo .compact-plan.duo-tier-card>.button.primary:hover{background:var(--tier-ink);border-color:var(--tier-ink)}body.duo .compact-plan.duo-tier-card select{border-color:var(--tier-line)!important;background:#fff!important;color:var(--tier-ink)!important}
body.duo.dark .compact-plan.duo-tier-card[data-tier]{background:#25354a;color:#dce6f2}body.duo.dark .compact-plan.duo-tier-card .duo-tier-identity{background:#31445a}body.duo.dark .compact-plan.duo-tier-card h2,body.duo.dark .compact-plan.duo-tier-card .plan-cost strong,body.duo.dark .compact-plan.duo-tier-card .plan-specs strong{color:var(--tier-line)}body.duo.dark .compact-plan.duo-tier-card .duo-tier-caption,body.duo.dark .compact-plan.duo-tier-card .duo-tier-kind,body.duo.dark .compact-plan.duo-tier-card .duo-tier-wordmark{color:var(--tier-line)}
/* Withdrawal is an administrator-reviewed ticket; amounts are CNY commission. */
.duo .duo-withdraw-modal{width:min(500px,calc(100vw - 28px));padding:25px}.duo-withdraw-balance{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#edf4ff;border:1px solid #cddcf4;border-radius:14px;padding:16px 18px;margin:0 0 17px}.duo-withdraw-balance>div>span{display:block;font-size:11px;color:#7187a7}.duo-withdraw-balance strong{display:block;font-size:27px;line-height:1.4;letter-spacing:-.5px;font-weight:500;color:#4a6b9c;margin-top:4px}.duo-withdraw-minimum{font-size:10px;white-space:nowrap;color:#6c84b3;background:#fff;border:1px solid #d8e3f6;padding:5px 8px;border-radius:7px}.duo .duo-withdraw-warning{font-size:11px;line-height:1.7;color:#a27a39;background:#fff6df;border:1px solid #eedbb1;border-radius:9px;padding:10px 12px;margin:0 0 17px}
#commission-withdraw-form [hidden]{display:none!important}.duo #commission-withdraw-form .form-field{display:flex;flex-direction:column;align-items:stretch;gap:7px;margin:0 0 15px;color:#5a7398;font-size:11px}.duo #commission-withdraw-form input:not([type=checkbox]),.duo #commission-withdraw-form select{width:100%;height:43px;min-height:43px;padding:10px 12px;border-radius:10px!important;box-sizing:border-box}.duo-withdraw-network{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #c8dfd8;background:#eff8f4;border-radius:9px;padding:9px 12px;margin:0 0 15px;font-size:11px;color:#6e8e83}.duo-withdraw-network strong{font-size:11px;font-weight:600;color:#4f8a73}.duo .duo-withdraw-address-note{font-size:10px;color:#7c8ca5;line-height:1.7;margin:-5px 0 15px}.duo-withdraw-amount{position:relative;display:flex;align-items:center;min-width:0}.duo-withdraw-amount>span{position:absolute;left:13px;top:11px;font-size:13px;color:#7e94b8;pointer-events:none}.duo #commission-withdraw-form .duo-withdraw-amount input{padding-left:30px;padding-right:55px}.duo-withdraw-amount>button{position:absolute;right:10px;top:9px;font-size:11px;line-height:25px;padding:0 4px;border:0;background:none;color:#6487c6}.duo #commission-withdraw-form .duo-withdraw-confirm{display:flex;align-items:flex-start;gap:9px;cursor:pointer;font-size:11px;line-height:1.7;color:#697f9e;margin:4px 0 11px}.duo #commission-withdraw-form .duo-withdraw-confirm input[type=checkbox]{appearance:auto!important;position:static!important;display:block!important;width:17px!important;min-width:17px!important;max-width:17px!important;height:17px!important;min-height:17px!important;max-height:17px!important;padding:0!important;margin:1px 0 0!important;flex:none;box-shadow:none!important;accent-color:#6b87c9}.duo #commission-withdraw-form .duo-withdraw-confirm span{flex:1;min-width:0}.duo .duo-withdraw-submit{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:43px;margin:7px 0 0}.duo .duo-withdraw-error{font-size:11px;color:#b36e70;margin:0 0 8px;line-height:1.6}.duo .duo-withdraw-error:empty{display:none}.duo .duo-withdraw-footer{font-size:10px;line-height:1.7;color:#8c9ab1;margin:13px 0 0}.duo.dark .duo-withdraw-balance{background:#293e57;border-color:#405a79}.duo.dark .duo-withdraw-balance strong{color:#d1e0f5}.duo.dark .duo-withdraw-minimum{background:#30455e;border-color:#415b7b;color:#afc6e8}.duo.dark .duo-withdraw-network{background:#29483e;border-color:#42675a;color:#b4d3c6}.duo.dark .duo-withdraw-network strong{color:#b8dfcc}
@media(max-width:600px){.duo-tier-identity{margin-top:14px;padding:12px 14px}.duo-tier-emblem{height:51px;width:51px}.duo .duo-withdraw-modal{padding:20px 17px}.duo-withdraw-balance{padding:13px 14px}.duo-withdraw-balance strong{font-size:25px}.duo-withdraw-minimum{font-size:9px;padding:5px 7px}.duo #commission-withdraw-form .duo-withdraw-confirm{font-size:10px}}

/* Dialogs stay above the mobile dock and navigation. */
body.duo .modal-backdrop{z-index:400}

/* Header participates in page flow and never covers scrolling content. */
body.duo .topbar{position:relative;left:auto;right:auto;top:auto;margin-left:var(--sidebar);width:calc(100% - var(--sidebar));z-index:80}
body.duo .main{margin-top:0}
body.duo .compact-plans{align-items:start}
/* Details use the membership colour and expand with the page. */
body.duo .compact-plan.duo-tier-card[data-tier] .plan-details{padding:0;border-radius:13px;overflow:visible;background:#fff}
body.duo .compact-plan.duo-tier-card[data-tier] .plan-details summary{padding:12px 13px;gap:10px;min-height:43px;background:transparent;border:0;margin:0;color:var(--tier-ink);list-style:none}
body.duo .compact-plan.duo-tier-card[data-tier] .plan-details summary>span{display:flex;flex-direction:column;gap:3px}
body.duo .compact-plan.duo-tier-card[data-tier] .plan-details summary strong{font-size:12px;font-weight:500}
body.duo .compact-plan.duo-tier-card[data-tier] .plan-details summary small{display:block;color:#8b99af;font-size:9px}
body.duo .compact-plan.duo-tier-card[data-tier] .plan-details[open] summary{border-bottom:1px solid var(--tier-line);background:var(--tier-wash);border-radius:12px 12px 0 0;margin:0;padding:12px 13px}
body.duo .compact-plan.duo-tier-card[data-tier] .plan-details .article.duo-details-content{max-height:none!important;height:auto!important;overflow:visible!important;padding:15px 13px 4px;margin:0;line-height:1.8;font-size:11px;color:#63758d}
.duo-details-intro{padding:0 0 13px;margin-bottom:14px;border-bottom:1px dashed var(--tier-line)}.duo-details-intro strong{display:block;font-size:13px;font-weight:600;color:var(--tier-ink);line-height:1.7;margin-bottom:5px}.duo-details-intro p{margin:0!important;font-size:10px;color:#8491a6;line-height:1.8}
.duo-details-group{margin:0 0 17px}.duo-details-group h4{font-size:10px!important;font-weight:600!important;letter-spacing:.4px;line-height:1.7;margin:0 0 9px!important;color:var(--tier-ink)}
.duo-details-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 17px}.duo-details-metric{background:var(--tier-wash);border:1px solid var(--tier-line);border-radius:9px;padding:9px 5px;text-align:center;min-width:0}.duo-details-metric strong{display:block;font-size:12px;line-height:1.6;color:var(--tier-ink);font-weight:600;overflow-wrap:anywhere}.duo-details-metric span{display:block;font-size:8px;line-height:1.6;margin-top:3px;color:var(--tier-ink);opacity:.8}
body.duo .plan-details .duo-details-benefits{display:flex;flex-direction:column;gap:7px;list-style:none;padding:0!important;margin:0!important}
body.duo .plan-details .duo-details-benefits li{display:flex;align-items:flex-start;gap:8px;padding:8px 9px!important;margin:0!important;background:#f7f9fc;border:1px solid #e9eef5;border-radius:8px;color:#5e718c;font-size:10px;line-height:1.7;list-style:none}
.duo-details-benefits li>span:first-child{display:flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:var(--tier-wash);color:var(--tier-ink);font-size:10px;line-height:17px;flex:none;margin-top:1px}.duo-details-benefits li>span:last-child{flex:1;min-width:0;overflow-wrap:anywhere}
.duo-details-notes{background:#f8fafc;border:1px solid #e8edf4;border-left:3px solid var(--tier-line);border-radius:9px;padding:11px 10px;margin-bottom:15px}.duo-details-notes p{font-size:10px;line-height:1.9;margin:0 0 7px!important;color:#748298;overflow-wrap:anywhere}.duo-details-notes p:last-child{margin-bottom:0!important}
.duo-details-compat{display:flex;flex-wrap:wrap;gap:6px}.duo-details-compat>span{font-size:9px;line-height:1.7;padding:4px 7px;border:1px solid var(--tier-line);background:#fff;border-radius:6px;color:var(--tier-ink);overflow-wrap:anywhere;max-width:100%}
.duo-details-links{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px}.duo-details-links>a{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--tier-line);background:var(--tier-wash);padding:6px 9px;border-radius:8px;color:var(--tier-ink)!important;font-size:10px;text-decoration:none!important;line-height:1.7;max-width:100%;overflow-wrap:anywhere}
body.duo .compact-plan.duo-tier-card[data-tier] .plan-price-note{font-size:9px;color:#8693a8;padding:11px 13px;margin:0;border-top:1px solid #edf0f6;line-height:1.8}
body.duo.dark .compact-plan.duo-tier-card[data-tier] .plan-details{background:#24364c}body.duo.dark .compact-plan.duo-tier-card[data-tier] .plan-details[open] summary{background:#31465d}body.duo.dark .duo-details-intro strong,body.duo.dark .duo-details-group h4{color:var(--tier-line)}body.duo.dark .plan-details .duo-details-benefits li,body.duo.dark .duo-details-notes{background:#293d54;border-color:#3a4d65;color:#c7d7e9}body.duo.dark .duo-details-notes p{color:#a7bad0}
/* iPhone focus zoom is avoided by sizing editable controls at 16 CSS px. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:900px),(pointer:coarse){body.duo input:not([type=checkbox]):not([type=radio]),body.duo textarea,body.duo select,body.duo .login-card input:not([type=checkbox]),body.duo #commission-withdraw-form input:not([type=checkbox]){font-size:16px!important}body.duo input::placeholder,body.duo textarea::placeholder{font-size:inherit}body.duo .login-card input:not([type=checkbox]){min-height:48px}}
@media(max-width:600px){body.duo .compact-plan.duo-tier-card[data-tier] .plan-details .article.duo-details-content{padding:16px 13px 3px}.duo-details-intro strong{font-size:14px}.duo-details-intro p{font-size:11px}.duo-details-group h4{font-size:11px!important}body.duo .plan-details .duo-details-benefits li{font-size:11px;padding:10px!important}.duo-details-metric strong{font-size:13px}.duo-details-metric span{font-size:9px}.duo-details-notes p{font-size:11px}.duo-details-compat>span{font-size:10px}.duo-details-links>a{font-size:11px}}

body.duo .login-card .input-group input[name="email_code"]{padding-right:96px!important}body.duo .login-card .input-group input[name="password"]{padding-right:47px!important}

/* Mobile auth: explicitly shrink grid/flex children instead of their intrinsic width. */
body.duo .login-page,body.duo .login-main,body.duo .login-card,body.duo #auth-form{min-width:0;box-sizing:border-box}
@media(max-width:900px){
 body.duo .login-page{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr)}
 body.duo .login-main{width:100%;max-width:100%;padding:24px 16px 48px;min-height:100svh}
 body.duo .login-card{width:100%;max-width:380px;min-width:0}
 body.duo .login-card .form-field,body.duo .login-card .input-group{min-width:0;max-width:100%}
 body.duo .login-card input:not([type=checkbox]):not([type=radio]){width:100%;max-width:100%;min-width:0;font-size:16px!important;transform:none;height:48px}
}
@media(max-width:600px){
 body.duo .login-main{align-items:center;padding:20px 14px 44px}
 body.duo .login-card{padding:24px 20px;border-radius:20px;max-width:360px}
 body.duo .login-card>.brand{margin-bottom:25px;font-size:18px;gap:10px;letter-spacing:1px}
 body.duo .login-card>.brand .brand-mark{width:36px;height:36px}
 body.duo .login-card h2{font-size:24px;line-height:1.4;letter-spacing:0;margin-bottom:8px}
 body.duo .login-card>.intro{font-size:12px;line-height:1.7;margin-bottom:24px;overflow-wrap:anywhere}
 body.duo .login-card .form-field{margin-bottom:17px}
 body.duo .login-options{gap:10px;flex-wrap:wrap;margin-bottom:17px;font-size:12px}
 body.duo .login-options input[type=checkbox]{width:17px;height:17px;flex:none}
 body.duo #auth-form>.button.primary{height:46px;font-size:15px;letter-spacing:1px}
 body.duo .login-bottom{margin-top:21px;font-size:12px}
}
/* A single cloud emblem stays above the stats and actions, without white overlays. */
body.duo .duo-pass-art.duo-pass-emblem{top:66px;right:24px;bottom:auto;width:112px;height:112px;opacity:1;transform:rotate(7deg);pointer-events:none}
.duo-pass-emblem img{display:block;width:100%;height:100%;object-fit:contain}
body.duo .duo-pass-bottom{position:relative;z-index:1;border-top:1px solid #b8ceee;padding-top:18px;align-items:center}
body.duo .duo-pass-bottom .button{box-shadow:none;border-radius:11px;min-height:38px;padding:9px 15px}
body.duo .duo-pass-bottom>a{padding:9px 0;font-size:12px}
@media(max-width:600px){body.duo .duo-pass-art.duo-pass-emblem{top:78px;right:16px;width:82px;height:82px}body.duo .duo-pass-bottom{padding-top:15px;gap:10px}body.duo .duo-pass-bottom .button{padding:8px 10px;min-height:36px}body.duo .duo-pass-bottom>a{font-size:10px}}

/* Solid, responsive verification area; flexible widget fits narrow phones. */
.duo-captcha{margin:20px 0 12px;padding:12px 10px;border:1px solid #d6e2f2;border-radius:12px;background:#f7faff;min-width:0}
.duo-captcha-label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#526b90;font-size:11px;margin-bottom:9px}.duo-captcha-label span{font-size:9px;color:#8495ae}.duo-captcha-widget{min-width:0;width:100%;min-height:65px}.duo-captcha-status{font-size:10px;line-height:1.6;color:#7388a5;margin-top:6px}
.duo-captcha-widget iframe{max-width:100%}

.duo-social{margin:0 0 24px}.duo-social-label{font-size:11px;color:#7286a2;margin-bottom:12px}.duo-social-slot{min-height:40px;margin:9px 0;display:flex;align-items:center;justify-content:center;max-width:100%;overflow:hidden}.duo-social-status{font-size:11px;line-height:1.7;color:#788aaa;overflow-wrap:anywhere}.duo-social-divider{display:flex;align-items:center;gap:12px;color:#91a0b5;font-size:10px;margin:18px 0}.duo-social-divider:before,.duo-social-divider:after{content:'';height:1px;background:#e0e7f1;flex:1}.duo-social iframe{max-width:100%}

#duo-telegram-signin:empty{display:none}

.duo-captcha-widget{display:flex;justify-content:center}@media(max-width:600px){.duo-captcha{padding:10px 0}.duo-captcha-label,.duo-captcha-status{padding-inline:10px}}

/* One horizontal verification row on every screen size. */
body.duo .duo-captcha{padding:10px 8px;margin:16px 0 12px}
body.duo .duo-captcha-widget{display:block;position:relative;min-height:0;height:65px;width:100%}
.duo-captcha-inner{position:absolute;left:50%;top:0;width:300px;height:65px;margin-left:-150px;transform-origin:top center}
body.duo .duo-captcha-widget .duo-captcha-inner iframe{width:300px!important;max-width:none!important}
body.duo .duo-captcha-label{margin-bottom:6px}body.duo .duo-captcha-status{margin-top:4px}

/* Google includes a 10px iframe margin for its focus outline. Preserve SDK dimensions. */
body.duo .duo-social-slot{overflow:visible;min-width:0}
body.duo .duo-social iframe{max-width:none!important;flex-shrink:0}
.duo-tg-entry{display:flex;align-items:center;gap:10px;width:min(300px,100%);height:38px;box-sizing:border-box;padding:0 12px;background:#fff;border:1px solid #d9e0e8;border-radius:20px;color:#556b86;font:13px system-ui;cursor:not-allowed;opacity:1}
.duo-tg-entry svg{width:19px;height:19px;flex:none}.duo-tg-entry>span{flex:1;text-align:center}.duo-tg-entry small{font-size:9px;color:#8a9ab0;white-space:nowrap}

/* Shared compact social sign-in group. */
.duo-social-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:10px;border:1px solid #dbe5f2;border-radius:14px;background:#f5f8fe}
body.duo .duo-social-pair .duo-social-slot{margin:0;min-height:38px;min-width:0;max-width:none}
.duo-social-pair .duo-tg-entry{position:relative;width:100%;height:34px;padding:0 6px;gap:5px;border-radius:4px;font-size:11px;border-color:#d9dee6;background:white}
.duo-social-pair .duo-tg-entry svg{height:17px;width:17px}.duo-social-pair .duo-tg-entry>span{white-space:nowrap}.duo-social-pair .duo-tg-entry small{position:absolute;top:-7px;right:3px;padding:0 3px;background:#f5f8fe;font-size:8px}
body.duo .duo-social-status:empty{display:none}

/* Two compact provider tiles within one group. */
body.duo .duo-social-pair .duo-social-slot{height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid #e1e8f3;border-radius:11px;background:#fff}
.duo-google-native{height:40px;display:flex;align-items:center;justify-content:center}.duo-google-caption{font-size:12px;color:#385482;line-height:18px}
.duo-social-pair .duo-tg-entry{display:flex;flex-direction:column;justify-content:center;gap:6px;height:100%;border:0;background:transparent;border-radius:11px;padding:8px 4px;font-size:12px;opacity:1;color:#6b809c}
.duo-social-pair .duo-tg-entry svg{width:32px;height:32px;opacity:.65}.duo-social-pair .duo-tg-entry small{position:static;background:transparent;padding:0;font-size:9px;line-height:10px;color:#8493aa}.duo-social-pair .duo-tg-entry>span{line-height:14px}

/* Compact horizontal provider buttons, matching the supplied reference. */
.duo-social-pair{padding:0;background:transparent;border:0;border-radius:0;gap:8px}
body.duo .duo-social-pair .duo-social-slot{height:40px;min-height:40px;flex-direction:row;gap:5px;border:1px solid #dce6e9;border-radius:6px;box-shadow:none}
.duo-social-pair .duo-google-native{height:20px;flex:0 0 20px;min-width:20px}.duo-social-pair .duo-google-caption{font-size:11px;line-height:16px;white-space:nowrap;color:#234867}
.duo-social-pair .duo-tg-entry{flex-direction:row;gap:6px;padding:0 4px;border-radius:6px;font-size:11px;color:#718497}.duo-social-pair .duo-tg-entry svg{height:17px;width:17px}.duo-social-pair .duo-tg-entry small{display:none}.duo-social-pair .duo-tg-entry>span{line-height:16px}

/* Tight, evenly aligned quick-auth controls. */
.duo-social-pair{grid-template-columns:1fr 1fr;width:288px;max-width:100%;gap:8px;margin:0 auto}
body.duo .duo-social-pair .duo-social-slot{height:34px;min-height:34px;gap:5px;border-radius:5px;justify-content:center}
.duo-social-pair .duo-tg-entry{display:inline-flex;justify-content:center;align-items:center;gap:5px;width:auto!important;height:32px;padding:0!important;flex:0 0 auto;min-width:0;font-size:10px}
.duo-social-pair .duo-tg-entry svg{width:15px;height:15px;flex:0 0 15px;margin:0}.duo-social-pair .duo-tg-entry>span{flex:none!important;text-align:left;font-size:10px}.duo-social-pair .duo-google-caption{font-size:10px}

/* Click-to-start Cloudflare verification with shield affordance. */
body.duo .duo-captcha.duo-captcha-compact{padding:0;margin:16px 0 12px;border:0;background:transparent;border-radius:0}
.duo-verify-start{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:34px;padding:7px 12px;border:1px solid #d7e3e6;border-radius:6px;background:#f2f7f7;color:#345d72;font-family:inherit;font-size:11px;line-height:18px;cursor:pointer;box-shadow:none}.duo-verify-start svg{width:17px;height:17px;flex:none}.duo-verify-start:disabled{opacity:1;cursor:default}.duo-verify-start:hover:not(:disabled){border-color:#85aebc;background:#eaf3f5}.duo-verify-start:focus-visible{outline:2px solid #7799ce;outline-offset:2px}
.duo-captcha-compact.is-verified .duo-verify-start{color:#338064;background:#edf8f2;border-color:#c6e5d5}body.duo .duo-captcha-compact .duo-captcha-widget[hidden]{display:none!important}body.duo .duo-captcha-compact .duo-captcha-widget:not([hidden]){margin-top:10px}body.duo .duo-captcha-compact .duo-captcha-status{padding:0;margin-top:7px;font-size:10px;line-height:1.6}

.duo-social-pair .duo-tg-entry:enabled{cursor:pointer;color:#234867}.duo-social-pair .duo-tg-entry:enabled svg{opacity:1}.duo-social-pair .duo-social-slot:has(.duo-tg-entry:enabled):hover{background:#f0f8fd;border-color:#a9cfe0}

/* Show the Google identity immediately, independently of external SDK latency. */
.duo-google-placeholder{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:100%;height:32px;min-width:0;border:0;border-radius:5px;padding:0 6px;background:transparent;color:#234867;font-family:inherit;font-size:10px;line-height:16px;white-space:nowrap;cursor:pointer}.duo-google-placeholder:disabled{opacity:1;cursor:progress}.duo-google-placeholder svg{width:20px;height:20px;flex:none}.duo-google-placeholder:focus-visible{outline:2px solid #89a9d5;outline-offset:2px}.duo-google-placeholder:enabled:hover{background:#f0f6fd}

/* Paint the Google mark locally even while the official iframe is still drawing. */
.duo-social-pair .duo-google-native{position:relative;isolation:isolate}.duo-google-sdk{height:20px;display:flex;align-items:center;justify-content:center}.duo-google-local-logo{position:absolute;inset:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1;background:#fff;border-radius:2px}.duo-google-local-logo svg{display:block;width:18px;height:18px}

body.duo .duo-captcha-compact .duo-captcha-widget.is-passive{height:0!important;min-height:0!important;margin:0!important;overflow:hidden}

/* Compact dashboard heading and clean subscription entry. */
body.duo .main:has(>.duo-dashboard-heading){padding-top:18px}
body.duo .duo-dashboard-heading{margin-bottom:18px}
body.duo .duo-dashboard-heading .page-title{font-size:23px;line-height:1.3;margin:0 0 6px;letter-spacing:.3px}
body.duo .duo-connect-primary{width:100%;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:13px;padding:18px;min-height:84px;text-align:left;border-radius:14px;transition:background .18s,border-color .18s,box-shadow .18s}
body.duo .duo-connect .duo-action-icon{width:42px;height:42px;flex:0 0 42px;margin:0;border-radius:12px;display:flex;align-items:center;justify-content:center}
body.duo .duo-action-icon .ico{display:block;width:25px;height:25px;flex:none}
body.duo .duo-subscribe-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
body.duo .duo-connect-primary strong{font-size:15px;line-height:1.4}
body.duo .duo-connect-primary small{font-size:11px;line-height:1.5;margin:0;white-space:normal}
body.duo:not(.dark) .duo-connect-primary{background:linear-gradient(115deg,#edf3ff,#f2edff);border-color:#d7def2;box-shadow:0 4px 12px #5574bd0a}
body.duo:not(.dark) .duo-connect-primary:hover{background:#e8edfc;border-color:#b9c8e9}
body.duo:not(.dark) .duo-connect-primary strong{color:#4b6490}
body.duo:not(.dark) .duo-connect-primary small{color:#7888a3}
body.duo:not(.dark) .duo-connect .duo-action-icon{color:#6485c5;border-color:#dae3f5;background:#fff}
body.duo .duo-connect-primary:focus-visible{outline:2px solid #7799ce;outline-offset:3px}
@media(max-width:600px){body.duo .main:has(>.duo-dashboard-heading){padding-top:12px}body.duo .duo-dashboard-heading{margin-bottom:16px}body.duo .duo-dashboard-heading .page-title{font-size:21px}body.duo .duo-connect-primary{padding:14px 15px;min-height:76px;gap:12px}body.duo .duo-connect-primary strong{font-size:14px}body.duo .duo-connect-primary small{font-size:10px}}

/* Compact official client cards across platform tabs and downloads. */
body.duo .duo-download{grid-template-columns:36px minmax(0,1fr);align-items:start;gap:10px 12px;padding:16px;margin-bottom:16px;border-radius:13px;min-height:0}
body.duo .duo-download-icon{width:36px;height:36px;border-radius:10px}
body.duo .duo-download-icon img{width:32px;height:32px;border-radius:9px}
body.duo .duo-download-copy h2{font-size:15px;line-height:1.5;letter-spacing:0;margin:0 0 3px;font-weight:600}
body.duo .duo-client-platform{font-size:10px;line-height:1.5;color:var(--muted)}
body.duo .duo-download-copy p{font-size:11px;line-height:1.7;margin:6px 0 0}
body.duo .duo-release{font-size:9px;line-height:1.5;margin-top:7px;gap:12px;flex-wrap:wrap}
body.duo .duo-download>.button{grid-column:2;justify-self:start;width:auto;min-height:32px;padding:6px 13px;font-size:11px;line-height:18px;gap:6px;margin:0;border-radius:8px}
body.duo .duo-download>.button .ico{width:14px;height:14px}
body.duo .subscription-import-modal .client-device-picker{gap:5px;margin-bottom:12px}
body.duo .subscription-import-modal .client-device-picker .button{min-height:30px;padding:5px 9px;font-size:10px;border-radius:8px}
@media(max-width:600px){body.duo .duo-download{padding:13px;gap:9px 10px;grid-template-columns:32px minmax(0,1fr);border-radius:12px}body.duo .duo-download-icon{width:32px;height:32px;border-radius:9px}body.duo .duo-download-icon img{width:29px;height:29px}body.duo .duo-download-copy h2{font-size:14px}body.duo .duo-download-copy p{font-size:10px;line-height:1.6}body.duo .duo-release{font-size:8px;gap:9px;margin-top:6px}body.duo .duo-download>.button{min-height:32px;padding:6px 12px;font-size:10px}}

/* Minimal platform card with first-party identity badge. */
body.duo .duo-download{position:relative;grid-template-columns:32px minmax(0,1fr) auto;gap:7px 10px;align-items:center;padding:14px;margin-bottom:14px}
body.duo .duo-download-icon{grid-column:1;grid-row:1/3;width:32px;height:32px;align-self:start}
body.duo .duo-download-icon img{width:29px;height:29px}
body.duo .duo-download-copy{grid-column:2;min-width:0}
body.duo .duo-download-copy h2{font-size:14px;line-height:22px;margin:0;overflow-wrap:anywhere}
body.duo .duo-official-badge{grid-column:3;grid-row:1;display:inline-flex;align-items:center;gap:3px;font-size:9px;line-height:18px;padding:1px 5px;border:1px solid #cce4db;border-radius:5px;background:#edf7f2;color:#44856b;white-space:nowrap;align-self:center}
body.duo .duo-official-badge svg{width:12px;height:12px;flex:none}
body.duo .duo-download>.button{grid-column:2/4;grid-row:2;min-height:30px;padding:5px 12px;font-size:10px;justify-self:start}
body.duo.dark .duo-official-badge{background:#233e38;border-color:#36584d;color:#a0d4bf}
@media(max-width:600px){body.duo .duo-download{padding:12px;gap:7px 8px;grid-template-columns:29px minmax(0,1fr) auto}body.duo .duo-download-icon{width:29px;height:29px}body.duo .duo-download-icon img{width:27px;height:27px}body.duo .duo-download-copy h2{font-size:13px}body.duo .duo-official-badge{font-size:8px;padding:0 4px;gap:2px}body.duo .duo-official-badge svg{width:11px;height:11px}}

/* Nextin: local app icon, US store and direct subscription import. */
body.duo .duo-nextin-actions{grid-column:2/4;grid-row:2;display:flex;flex-wrap:wrap;gap:7px;align-items:center}
body.duo .duo-nextin-actions .button{min-height:30px;padding:5px 10px;font-size:10px;line-height:18px;border-radius:8px;gap:5px;margin:0}
body.duo .duo-nextin-actions .ico{width:13px;height:13px}
body.duo .duo-nextin-download .duo-download-icon img{object-fit:cover}

/* Platform-filtered downloads from maintained upstream projects. */
body.duo .duo-open-source{padding:18px}
body.duo .duo-open-source h3{font-size:15px;margin:0 0 6px}
body.duo .duo-open-source>p{font-size:11px;margin:0 0 13px;line-height:1.6}
.duo-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.duo-source-link{display:flex;align-items:center;gap:10px;min-width:0;padding:11px;border:1px solid var(--border);background:var(--surface);border-radius:10px;color:var(--text);text-decoration:none}
.duo-source-link:hover{border-color:#a5bcdf;background:var(--subtle)}
.duo-source-link:focus-visible{outline:2px solid #7799ce;outline-offset:2px}
.duo-source-logo{width:30px;height:30px;display:flex;align-items:center;justify-content:center;flex:none;font-size:11px;font-weight:600;color:#6d82bc;background:#eef2fb;border-radius:8px}
.duo-source-logo img{width:28px;height:28px;object-fit:contain;border-radius:6px}
.duo-source-name{display:flex;flex-direction:column;min-width:0;gap:3px;flex:1}
.duo-source-name strong{font-size:12px;font-weight:600;overflow-wrap:anywhere}
.duo-source-name small{font-size:9px;color:var(--muted)}
.duo-source-link>.ico{width:15px;height:15px;flex:none;color:var(--muted)}
@media(max-width:600px){.duo-source-grid{grid-template-columns:1fr}body.duo .duo-open-source{padding:16px}.duo-source-link{padding:10px}}

/* Verified upstream packages hosted on this website. */
.duo-source-card{min-width:0;padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}
.duo-source-card-head{display:flex;align-items:center;gap:10px}
.duo-source-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
body.duo .duo-source-direct{min-height:32px;padding:6px 10px;font-size:10px;line-height:18px;border-radius:7px;gap:5px;background:var(--subtle)}
body.duo .duo-source-direct:hover{border-color:#9eb5df;background:#eaf0fc}
body.duo .duo-source-direct .ico{width:13px;height:13px;flex:none}
.duo-source-notices{display:inline-block;font-size:10px;color:var(--muted);margin-top:13px;text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.duo-source-card{padding:11px}.duo-source-actions{gap:6px}body.duo .duo-source-direct{min-height:34px;padding:6px 10px}}

/* Itemized payment quote that refreshes with the chosen payment method. */
.checkout-breakdown{margin:13px 0 10px;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.checkout-breakdown>div{display:flex;justify-content:space-between;gap:14px;padding:5px 0;font-size:12px;line-height:1.5}
.checkout-breakdown dt{color:var(--muted)}
.checkout-breakdown dd{margin:0;color:var(--text);font-variant-numeric:tabular-nums;text-align:right}
.checkout-quote-note{font-size:10px;line-height:1.6;color:var(--muted);margin:7px 0 10px}

/* The native Google button spans the whole visible entry, including its label. */
.duo-social-pair .duo-google-native{width:100%;height:32px;flex:1 1 100%;min-width:0;display:flex;justify-content:center;align-items:center}
.duo-social-pair .duo-google-sdk{width:100%;height:32px;display:flex;align-items:center;justify-content:center}
.duo-social-pair .duo-google-native>div{max-width:100%}
.duo-social-pair .duo-google-local-logo{left:8px;top:6px;bottom:auto;right:auto;width:20px;height:20px}

/* Keep each native provider button inside its own mobile column. */
body.duo .duo-social-pair .duo-social-slot{overflow:hidden;contain:inline-size}
.duo-social-pair .duo-google-native{max-width:100%;overflow:hidden}
.duo-social-pair .duo-google-native iframe{max-width:calc(100% + 20px)}

/* One persistent visual button per provider; the real Google control receives clicks. */
body.duo .duo-social-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
body.duo .duo-social-pair .duo-social-slot{box-sizing:border-box;position:relative;height:34px;min-height:34px;padding:0;gap:0;background:#fff}
body.duo .duo-social-pair .duo-google-placeholder,body.duo .duo-social-pair .duo-tg-entry{box-sizing:border-box;width:100%!important;height:32px;flex:1 1 auto;gap:5px;border:0;margin:0;padding:0!important;border-radius:4px;background:transparent;color:#234867;font:10px/16px inherit;transition:none}
body.duo .duo-social-pair .duo-google-placeholder svg,body.duo .duo-social-pair .duo-tg-entry svg{width:15px;height:15px;flex:0 0 15px}
body.duo .duo-social-pair .duo-google-stable>.duo-google-placeholder{pointer-events:none;opacity:1}
body.duo .duo-social-pair .duo-google-stable>.duo-google-placeholder:enabled{pointer-events:auto}
body.duo .duo-social-pair .duo-google-stable>.duo-google-native{position:absolute;inset:0;width:100%;height:32px;max-width:none;min-width:0;opacity:0;z-index:2;display:block;overflow:visible;isolation:auto}
body.duo .duo-social-pair .duo-google-stable:focus-within{outline:2px solid #89a9d5;outline-offset:2px}
body.duo .duo-social-pair .duo-google-stable:hover{background:#f0f8fd;border-color:#a9cfe0}

/* Invitation workspace: clear balance, sharing and readable earnings */
body.duo .duo-ref-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 24px}
body.duo .duo-ref-heading h1{font-size:26px;line-height:1.35;margin:0 0 8px;letter-spacing:.02em}
body.duo .duo-ref-heading p{margin:0;color:var(--muted);font-size:14px}
body.duo .duo-referral{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:20px}
body.duo .duo-referral>.panel{margin:0;min-width:0;padding:28px}
body.duo .duo-referral h2{font-size:20px;line-height:1.45;margin:10px 0 12px}
body.duo .duo-ref-kicker{font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--muted)}
body.duo .duo-ref-wallet{background:linear-gradient(145deg,#edf5ff,#e8efff 65%,#f4edff)!important;border-color:#d6e2f8!important;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
body.duo .duo-ref-wallet-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
body.duo .duo-ref-status{font-size:11px;border:1px solid #cfe4de;background:#eef9f5;color:#527b70;padding:5px 9px;border-radius:30px}
body.duo .duo-ref-balance-label{font-size:15px;margin:30px 0 8px;color:#526c93}
body.duo .duo-ref-balance{display:flex;align-items:baseline;gap:7px;color:#496ca2;overflow-wrap:anywhere;min-width:0}
body.duo .duo-ref-balance>span{font-size:24px}body.duo .duo-ref-balance>strong{font-size:clamp(32px,4vw,48px);font-weight:650;letter-spacing:-.035em;line-height:1.25;font-variant-numeric:tabular-nums;min-width:0;overflow-wrap:anywhere}
body.duo .duo-ref-wallet-note{color:#6e82a4;font-size:13px;margin:12px 0 24px}
body.duo .duo-ref-actions{display:flex;gap:10px;flex-wrap:wrap}
body.duo .duo-ref-actions .button{min-height:42px;background:#ffffffb3;justify-content:center;font-size:13px}
body.duo .duo-ref-actions .button.primary,body.duo .duo-ref-code .button.primary,body.duo .duo-ref-no-code .button.primary{background:#5577b9;border-color:#5577b9;color:#fff;box-shadow:0 5px 12px #5577b918}
body.duo .duo-ref-threshold{font-size:12px;color:#6e82a4;margin:16px 0 0;line-height:1.6}
body.duo .duo-ref-copy{color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 22px}
body.duo .duo-ref-benefits{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}
body.duo .duo-ref-benefits>div{display:flex;flex-direction:column;gap:9px;border-left:2px solid #dce6f8;padding-left:13px}
body.duo .duo-ref-benefits span{font-size:12px;color:var(--muted)}body.duo .duo-ref-benefits strong{font-size:25px;color:var(--text);font-variant-numeric:tabular-nums}body.duo .duo-ref-benefits small{font-size:12px;font-weight:400;margin-left:5px}
body.duo .duo-ref-codes{display:grid;gap:10px}body.duo .duo-ref-code{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;background:var(--subtle);border:1px solid var(--border);border-radius:13px}
body.duo .duo-ref-code>div{display:flex;flex-direction:column;gap:7px;min-width:0}body.duo .duo-ref-code span{font-size:11px;color:var(--muted)}body.duo .duo-ref-code code{font-size:16px;font-weight:600;letter-spacing:.03em;overflow-wrap:anywhere;color:var(--text)}body.duo .duo-ref-code .button{font-size:12px;min-height:40px;flex-shrink:0}
body.duo .duo-ref-extra{font-size:12px;color:var(--muted);margin-top:14px}body.duo .duo-ref-extra>div{padding-top:12px}
body.duo .duo-referral summary{cursor:pointer;line-height:1.7;min-height:28px}
body.duo .duo-ref-guide h2{margin-top:0}body.duo .duo-ref-guide ol{list-style:none;display:grid;gap:23px;padding:0;margin:24px 0}
body.duo .duo-ref-guide li{display:flex;gap:14px}body.duo .duo-ref-guide li>span{width:30px;height:30px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;flex-shrink:0;font-size:13px;font-weight:600}
body.duo .duo-ref-guide li strong{font-size:14px}body.duo .duo-ref-guide li p{font-size:12px;color:var(--muted);line-height:1.7;margin:5px 0 0}
body.duo .duo-ref-text-button{display:inline-flex;align-items:center;gap:5px;background:none;border:0;padding:0;min-height:32px;color:var(--primary);font:inherit;font-size:12px;cursor:pointer}
body.duo .duo-ref-section-heading h2{margin:0 0 6px}body.duo .duo-ref-section-heading p{font-size:12px;color:var(--muted);margin:0 0 20px}
body.duo .duo-ref-summary{background:var(--subtle);padding:10px 14px;border-radius:12px;font-size:12px;margin-bottom:15px;color:var(--muted)}body.duo .duo-ref-summary p{display:flex;justify-content:space-between;gap:10px;margin:12px 0}body.duo .duo-ref-summary strong{color:var(--text);font-weight:600}body.duo .duo-ref-summary small{display:block;font-size:11px;line-height:1.7;margin:10px 0 4px}
body.duo .duo-ref-log{padding:17px 0;border-bottom:1px solid var(--border)}body.duo .duo-ref-log:last-child{border-bottom:0}body.duo .duo-ref-log-main{display:flex;justify-content:space-between;align-items:center;gap:14px}body.duo .duo-ref-log-main>div{display:flex;flex-direction:column;gap:6px}body.duo .duo-ref-log-main strong{font-size:13px}body.duo .duo-ref-log-main time{font-size:11px;color:var(--muted)}body.duo .duo-ref-log-main .duo-ref-log-amount{font-size:19px;color:#527d70;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body.duo .duo-ref-log details{font-size:11px;color:var(--muted);margin-top:8px}body.duo .duo-ref-log details>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
body.duo .duo-ref-pages{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;font-size:12px}body.duo .duo-ref-pages .button{font-size:12px}
body.duo.dark .duo-ref-wallet{background:linear-gradient(145deg,#23344d,#2c304b)!important;border-color:#3d4d65!important}body.duo.dark .duo-ref-balance,body.duo.dark .duo-ref-balance-label{color:#d0e0ff}body.duo.dark .duo-ref-wallet-note,body.duo.dark .duo-ref-threshold{color:#a9b9d1}body.duo.dark .duo-ref-status{color:#bbdecf;background:#2b463e;border-color:#3a5c50}body.duo.dark .duo-ref-actions .button:not(.primary){background:#34445f;color:#e2eafa;border-color:#4c5d78}
@media(max-width:900px){body.duo .duo-referral{grid-template-columns:1fr}body.duo .duo-ref-share{grid-row:1}body.duo .duo-ref-wallet{grid-row:2}body.duo .duo-ref-balance-label{margin-top:22px}}
@media(max-width:520px){body.duo .duo-ref-heading{margin-bottom:18px}body.duo .duo-ref-heading h1{font-size:23px}body.duo .duo-ref-heading>.button{font-size:11px;padding:9px;white-space:nowrap}body.duo .duo-ref-heading p{font-size:12px}body.duo .duo-referral{gap:14px}body.duo .duo-referral>.panel{padding:22px 18px;border-radius:18px}body.duo .duo-referral h2{font-size:18px}body.duo .duo-ref-code{align-items:stretch;flex-direction:column}body.duo .duo-ref-code>div{flex-direction:row;justify-content:space-between;align-items:center;gap:8px}body.duo .duo-ref-code .button{width:100%;justify-content:center}body.duo .duo-ref-benefits{gap:10px}body.duo .duo-ref-actions .button{flex:1;padding-inline:10px;white-space:nowrap}body.duo .duo-ref-balance>strong{font-size:38px}}

/* Compact earnings-first invitation page */
body.duo .duo-ref-heading{margin-bottom:18px;gap:12px}body.duo .duo-ref-heading h1{font-size:21px;font-weight:600;margin-bottom:6px;letter-spacing:0}body.duo .duo-ref-heading p{font-size:12px}body.duo .duo-ref-heading>.button{font-size:12px;min-height:38px;padding:8px 12px}
body.duo .duo-ref-v2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}
body.duo .duo-ref-v2>.panel{padding:22px;border-radius:17px}
body.duo .duo-ref-v2 h2{font-size:15px;font-weight:600;letter-spacing:0;line-height:1.5;margin:0}
body.duo .duo-ref-v2 .duo-ref-wallet{background:linear-gradient(125deg,#506fa8,#637db2)!important;border:1px solid #5b79ad!important;color:#fff;justify-content:flex-start;box-shadow:0 8px 20px #5476aa12}
body.duo .duo-ref-v2 .duo-ref-kicker{color:#e8efff;font-size:12px;font-weight:500;letter-spacing:.02em}
body.duo .duo-ref-v2 .duo-ref-status{color:#ecf5ff;background:#ffffff12;border-color:#ffffff2b;font-size:10px;padding:4px 8px}
body.duo .duo-ref-v2 .duo-ref-balance{color:#fff;margin-top:19px;gap:5px}body.duo .duo-ref-v2 .duo-ref-balance>span{font-size:17px}body.duo .duo-ref-v2 .duo-ref-balance>strong{font-size:32px;letter-spacing:-.02em;font-weight:600;line-height:1.25}
body.duo .duo-ref-v2 .duo-ref-wallet-note{font-size:11px;line-height:1.6;color:#e1e9fa;margin:8px 0 17px}
body.duo .duo-ref-v2 .duo-ref-actions{gap:9px}body.duo .duo-ref-v2 .duo-ref-actions .button{font-size:12px;min-height:40px;padding:9px 15px;line-height:1.4;color:#f7faff;border-color:#ffffff50;background:#ffffff08;border-radius:10px;font-weight:500}
body.duo .duo-ref-v2 .duo-ref-actions .button.primary{background:#fff;color:#4e6ea6;border-color:#fff;box-shadow:none}
body.duo .duo-ref-v2 .duo-ref-progress{height:3px;border-radius:3px;background:#ffffff26;margin-top:20px;overflow:hidden}body.duo .duo-ref-progress>span{display:block;height:100%;background:#d3e2ff;border-radius:3px}
body.duo .duo-ref-v2 .duo-ref-threshold{font-size:10px;color:#e1e9fa;margin:9px 0 0;line-height:1.7}
body.duo .duo-ref-results{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-width:0}
body.duo .duo-ref-results>.panel{margin:0;min-width:0;padding:22px 18px;border-radius:17px;position:relative}
body.duo .duo-ref-result>span{display:block;color:var(--muted);font-size:12px;padding-right:20px}
body.duo .duo-ref-result>.ico{position:absolute;right:17px;top:23px;width:16px;height:16px;color:#8ba3c6}
body.duo .duo-ref-result>strong{display:flex;align-items:baseline;gap:4px;font-size:26px;line-height:1.3;font-weight:600;margin:22px 0 10px;color:var(--text);font-variant-numeric:tabular-nums;flex-wrap:wrap;overflow-wrap:anywhere}
body.duo .duo-ref-result>strong small{font-size:13px;font-weight:400}body.duo .duo-ref-result>p{margin:0;color:var(--muted);font-size:10px;line-height:1.7}
body.duo .duo-ref-pending{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:12px 16px;color:var(--muted);font-size:11px}
body.duo .duo-ref-pending strong{font-size:13px;color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}body.duo .duo-ref-pending small{font-size:10px;margin-left:auto}
body.duo .duo-ref-v2 .duo-ref-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}
body.duo .duo-ref-rate{border-radius:20px;padding:4px 8px;font-size:10px;color:#5d7dae;background:var(--primary-soft);white-space:nowrap}
body.duo .duo-ref-v2 .duo-ref-copy{font-size:11px;line-height:1.8;margin-bottom:16px}
body.duo .duo-ref-v2 .duo-ref-code{padding:12px;border-radius:11px;gap:10px}body.duo .duo-ref-v2 .duo-ref-code code{font-size:13px;font-weight:500;letter-spacing:.05em;font-family:inherit}body.duo .duo-ref-v2 .duo-ref-code span{font-size:10px}
body.duo .duo-ref-v2 .duo-ref-code .button{font-size:11px;min-height:40px;padding:9px 11px;background:#5a79b0;border-color:#5a79b0;border-radius:9px;white-space:nowrap}
body.duo .duo-ref-v2 .duo-ref-extra{font-size:11px;margin-top:12px}body.duo .duo-ref-v2 summary{min-height:32px;display:list-item;line-height:2}
body.duo .duo-ref-help{font-size:11px;color:var(--muted);border-top:1px solid var(--border);margin-top:9px;padding-top:8px}body.duo .duo-ref-help ol{padding-left:18px;margin:10px 0 4px}body.duo .duo-ref-help li{margin:0 0 12px}body.duo .duo-ref-help li strong{font-size:11px;font-weight:500;color:var(--text)}body.duo .duo-ref-help p{font-size:10px;line-height:1.8;margin:4px 0}
body.duo .duo-ref-record-note{font-size:10px;color:var(--muted)}body.duo .duo-ref-v2 .duo-ref-log{padding:13px 0}body.duo .duo-ref-v2 .duo-ref-log-main strong{font-size:12px;font-weight:500}body.duo .duo-ref-v2 .duo-ref-log-main .duo-ref-log-amount{font-size:17px;font-weight:600}body.duo .duo-ref-v2 .empty{padding:22px 10px}body.duo .duo-ref-v2 .empty h3{font-size:13px;font-weight:500}body.duo .duo-ref-v2 .empty p{font-size:11px;line-height:1.8}
body.duo.dark .duo-ref-v2 .duo-ref-wallet{background:linear-gradient(125deg,#314969,#3a5072)!important;border-color:#4b6282!important}body.duo.dark .duo-ref-v2 .duo-ref-balance{color:#fff}body.duo.dark .duo-ref-v2 .duo-ref-wallet-note,body.duo.dark .duo-ref-v2 .duo-ref-threshold{color:#d7e1f1}
@media(max-width:900px){body.duo .duo-ref-v2{grid-template-columns:1fr;gap:13px}body.duo .duo-ref-v2 .duo-ref-wallet,body.duo .duo-ref-v2 .duo-ref-share{grid-row:auto}body.duo .duo-ref-results>.panel{padding:19px 18px}body.duo .duo-ref-result>strong{margin-top:18px}body.duo .duo-ref-pending{padding:10px 14px}}
@media(max-width:520px){body.duo .duo-ref-heading{margin-bottom:15px}body.duo .duo-ref-heading h1{font-size:19px}body.duo .duo-ref-heading p{font-size:11px}body.duo .duo-ref-heading>.button{font-size:11px;padding:8px 10px}body.duo .duo-ref-v2>.panel{padding:20px 18px;border-radius:16px}body.duo .duo-ref-v2 h2{font-size:14px}body.duo .duo-ref-v2 .duo-ref-balance{margin-top:17px}body.duo .duo-ref-v2 .duo-ref-balance>strong{font-size:30px}body.duo .duo-ref-v2 .duo-ref-actions .button{flex:none;min-width:106px;padding:9px 12px}body.duo .duo-ref-result>strong{font-size:23px;gap:3px;margin:16px 0 8px}body.duo .duo-ref-results{gap:10px}body.duo .duo-ref-results>.panel{padding:17px 14px;border-radius:14px}body.duo .duo-ref-result>.ico{right:14px;top:19px;width:14px;height:14px}body.duo .duo-ref-result>span{font-size:11px}body.duo .duo-ref-pending small{width:100%;margin-left:0}body.duo .duo-ref-v2 .duo-ref-code{flex-direction:row;align-items:center}body.duo .duo-ref-v2 .duo-ref-code>div{flex-direction:column;align-items:flex-start;gap:5px}body.duo .duo-ref-v2 .duo-ref-code .button{width:auto;padding-inline:10px;font-size:10px}body.duo .duo-ref-record-note{font-size:9px}}