:root{--ink:#172321;--muted:#74807b;--paper:#f5f5ef;--green:#b5d1a0;--deep:#203a32;--line:#e4e8df;--card:#fffefa;--accent:#dc7348;--shadow:0 20px 70px #162e2510}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:17px;font-weight:800;letter-spacing:-.05em}.brand-mark{width:31px;height:31px;border-radius:11px;background:#d96e48;color:#fff;display:grid;place-items:center;font:800 16px Manrope;box-shadow:0 4px 14px #b85b3e35}.site-header{height:78px;position:absolute;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:0 6.2%;color:#1d2a27}.top-nav{display:flex;align-items:center;gap:34px;font-size:13px}.top-nav>a:not(.button){opacity:.83}.menu-toggle{display:none;background:none;border:0;font-size:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:999px;padding:15px 23px;cursor:pointer;font-weight:600;font-size:13px;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:16px}.button-dark{background:#1d2925;color:white;box-shadow:0 8px 22px #16262124}.button-dark:hover{background:#2f4940}.button-light{background:#fff;color:#263830}.button-glass{background:#ffffff4f;border:1px solid #ffffff82;backdrop-filter:blur(12px);color:#24322e}.button-sm{padding:11px 17px;font-size:12px}.button-full{width:100%}.hero{min-height:740px;height:min(820px,100svh);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 24px 170px;background:#d6e0dc}.hero-photo{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1470770841072-f978cf4d019e?auto=format&fit=crop&w=2400&q=90');background-size:cover;background-position:center 54%;transform:scale(1.015);animation:hero-in 1.7s ease both}.hero-wash{position:absolute;inset:0;background:linear-gradient(180deg,#eff3ef54 0%,#f8f2e59e 54%,#213b2b20 100%)}.hero-inner{position:relative;z-index:1;max-width:920px;animation:rise-in .9s .12s both}.social-proof{margin:0 auto 31px;width:max-content;max-width:94vw;border:1px solid #ffffff92;background:#ffffff6b;backdrop-filter:blur(14px);border-radius:30px;padding:7px 12px 7px 8px;display:flex;align-items:center;gap:10px;font-size:11px;color:#35413d;box-shadow:0 8px 28px #203c2812}.proof-dots{display:flex;padding-left:4px}.proof-dots i{font-style:normal;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;margin-left:-4px;background:#c77c54;color:white;border:2px solid #fff;font-size:10px}.proof-dots i:nth-child(2){background:#527c69}.proof-dots i:nth-child(3){background:#d6a044}.proof-arrow{font-size:13px;color:#53635a}.hero-kicker,.section-tag{letter-spacing:.15em;font-size:9px;font-weight:700;color:#63746d}.hero h1{font:600 clamp(42px,7vw,82px)/1.02 Manrope,sans-serif;letter-spacing:-.075em;max-width:900px;margin:0 auto 19px;color:#14211d;text-shadow:0 1px 20px #ffffff38}.hero-sub{max-width:470px;margin:0 auto 28px;font-size:15px;line-height:1.7;color:#33433d}.hero-actions{display:flex;justify-content:center;gap:12px}.hero-note{margin-top:23px;font-size:10px;color:#46554d}.status-dot{display:inline-block;background:#6f9c63;width:7px;height:7px;border-radius:50%;margin-right:6px}.hero-bottom{position:absolute;bottom:42px;left:6%;right:6%;display:flex;align-items:end;justify-content:space-between;z-index:1}.hero-caption{text-align:left;color:white;text-shadow:0 1px 8px #182a2499;display:flex;flex-direction:column;gap:7px;font-size:12px}.hero-caption span:first-child{font-size:9px;letter-spacing:.13em}.stats-glass{display:flex;align-items:center;gap:28px;padding:14px 28px;border:1px solid #ffffff74;border-radius:24px;color:white;background:#243c34a1;backdrop-filter:blur(20px);box-shadow:0 16px 35px #111c1838}.stats-glass div{display:grid;gap:3px;text-align:left}.stats-glass strong{font:600 24px Manrope;letter-spacing:-.06em}.stats-glass span{font-size:10px;color:#ffffffd6}.stats-glass>i{height:32px;width:1px;background:#ffffff3c}.scroll-cue{position:absolute;z-index:1;bottom:17px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.19em;color:white;opacity:.8}.scroll-cue span{margin-left:6px}.section-wrap{max-width:1130px;margin:0 auto;padding:112px 36px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin:28px 0 52px;gap:70px}.intro h2,.faq-section h2{font:600 clamp(40px,5vw,60px)/1.08 Manrope;letter-spacing:-.065em;margin:0}.intro h2 em,.faq-section h2 em,.auth-art-copy h2 em{font-style:normal;color:#728c70}.intro-grid>p{max-width:410px;line-height:1.8;color:#718078;font-size:14px;margin:0 0 3px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step-card{background:#fbfcf7;border:1px solid var(--line);border-radius:20px;padding:25px 24px;min-height:210px;position:relative;transition:transform .2s,box-shadow .2s}.step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.step-card>span{font-size:10px;color:#9da69e}.step-icon{position:absolute;right:22px;top:19px;width:37px;height:37px;border-radius:13px;background:#eef1e8;display:grid;place-items:center;color:#506d55;font-size:18px}.step-card h3{font:600 16px Manrope;letter-spacing:-.03em;margin:43px 0 9px}.step-card p{font-size:12px;line-height:1.7;color:#87918a;max-width:260px}.feature-band{padding:90px max(calc((100vw - 1058px)/2),7%);background:#e9ede4;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%}.feature-band h2,.closing-cta h2{font:600 clamp(40px,5vw,58px)/1.07 Manrope;letter-spacing:-.065em;margin:21px 0}.feature-band>div>p{font-size:13px;line-height:1.8;color:#738078;max-width:330px}.text-link{font-size:11px;color:#48624d;font-weight:700;display:inline-flex;gap:9px;margin-top:14px}.dashboard-preview{background:#fffefb;border:1px solid #fff;border-radius:22px;padding:25px 26px;box-shadow:0 22px 60px #40503b17;max-width:420px;width:100%;justify-self:end}.preview-top{display:flex;justify-content:space-between;color:#8e9a91;font-size:9px;letter-spacing:.12em}.preview-top b{font-size:19px;color:#608260}.dashboard-preview>strong{display:block;margin-top:23px;font:600 38px Manrope;letter-spacing:-.06em}.dashboard-preview>strong small{font:500 12px 'DM Sans';letter-spacing:0;color:#939d95}.preview-chart{height:102px;display:flex;align-items:end;gap:8px;border-bottom:1px solid #e8ebe5;margin-top:20px;overflow:hidden}.preview-chart span{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#96b982,#dce8d5);height:25%}.preview-chart span:nth-child(2n){height:40%}.preview-chart span:nth-child(3n){height:55%}.preview-chart span:nth-child(4n){height:69%}.preview-chart span:nth-child(7n){height:85%}.preview-chart span:nth-child(10n){height:98%}.preview-labels{display:flex;justify-content:space-between;font-size:10px;color:#86928a;margin-top:12px}.faq-section{padding-top:105px;padding-bottom:120px}.faq-section h2{margin:20px 0 42px}.faq-list{border-top:1px solid var(--line);max-width:800px}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list summary{display:flex;justify-content:space-between;list-style:none;cursor:pointer;font:600 15px Manrope}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#738c70;font-size:19px}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:13px;color:#77847b;line-height:1.75;max-width:650px;margin:13px 0 0}.closing-cta{padding:88px 25px;text-align:center;background:#223e34;color:white}.closing-cta .section-tag{color:#b7c9b5}.closing-cta h2{margin:17px 0 28px}.site-footer{padding:30px 6%;display:flex;align-items:center;justify-content:space-between;background:#f9faf5;font-size:10px;color:#87918a}.site-footer>div{display:flex;gap:24px}.auth-page{min-height:100vh;padding-top:78px;display:grid;grid-template-columns:1fr 1fr}.auth-art{margin:20px 10px 20px 20px;border-radius:28px;min-height:calc(100vh - 98px);background:linear-gradient(180deg,#14322e00,#183b3180),url('https://images.unsplash.com/photo-1470770841072-f978cf4d019e?auto=format&fit=crop&w=1600&q=85') center/cover;display:flex;align-items:end;padding:9%}.auth-art-copy{color:white}.auth-art-copy .section-tag{color:#e1eadf}.auth-art-copy h2{font:600 clamp(44px,5vw,67px)/1.04 Manrope;letter-spacing:-.07em;margin:25px 0}.auth-art-copy h2 em{color:#cde0bc}.auth-art-copy p{font-size:13px;color:#ffffffd4}.auth-panel{display:grid;place-items:center;padding:48px}.auth-form-wrap{width:min(100%,410px)}.auth-form-wrap h1{font:600 34px Manrope;letter-spacing:-.06em;margin:15px 0 8px}.muted{color:#839087;font-size:13px;line-height:1.7}.form-stack{display:grid;gap:17px;margin-top:26px}.form-stack label{display:grid;gap:8px;font-size:11px;font-weight:600;color:#45534b}.form-stack input,.form-stack select{width:100%;padding:13px 14px;border:1px solid #dfe4db;background:#fffefa;border-radius:11px;color:var(--ink);outline:none;font-size:13px}.form-stack input:focus,.form-stack select:focus{border-color:#76956e;box-shadow:0 0 0 3px #809a6e1a}.auth-switch{margin:22px 0;text-align:center;font-size:12px;color:#7c8880}.auth-switch a,.legal-note a{color:#527354;font-weight:700}.legal-note{display:block;text-align:center;color:#a0a8a1;font-size:10px;line-height:1.7}.form-error{border:1px solid #f1d2c8;background:#fff4ef;color:#99523a;padding:12px;border-radius:10px;font-size:12px;margin-top:18px}.toast{position:fixed;z-index:20;top:18px;left:50%;transform:translateX(-50%);background:#233d33;color:white;padding:12px 18px;border-radius:12px;box-shadow:var(--shadow);font-size:12px}.site-footer .brand{font-size:14px}.app-shell{background:#f3f5f0;min-height:100vh}.sidebar{width:245px;position:fixed;inset:0 auto 0 0;background:#fafbf7;padding:29px 20px;border-right:1px solid #e9ece5;display:flex;flex-direction:column;z-index:6}.sidebar .brand{padding:0 7px 42px}.nav-label{font-size:8px;letter-spacing:.17em;font-weight:700;color:#a4ada5;padding:0 9px 10px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:12px 12px;border-radius:10px;font-size:14px;color:#7c8980;display:flex;gap:12px;align-items:center}.sidebar nav a:hover,.sidebar nav a:focus{background:#eff3eb;color:#315641}.sidebar nav a span{font-size:12px;font-weight:500}.side-bottom{margin-top:auto;border-top:1px solid #e9ece5;padding:20px 5px 0}.user-chip{display:flex;align-items:center;gap:10px}.avatar,.top-avatar{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#dbe6d3;color:#476346;font-weight:700}.user-chip b{font-size:11px;display:block}.user-chip small{font-size:9px;color:#94a098}.side-logout{display:block;margin:18px 8px 0;color:#89958d;font-size:11px}.app-main{margin-left:245px;padding:0 4.2% 60px;max-width:1600px}.app-top{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6eae3}.app-top .eyebrow{font-size:8px;letter-spacing:.15em;color:#99a49b}.top-avatar{width:31px;height:31px;font-size:12px}.mobile-brand{display:none}.page-heading{display:flex;justify-content:space-between;align-items:end;padding:42px 0 25px}.page-heading h1{font:600 clamp(25px,3vw,35px) Manrope;letter-spacing:-.06em;margin:12px 0 7px}.page-heading p{margin:0;color:#859087;font-size:12px}.page-heading>.button{padding:13px 18px}.live-badge{font-size:8px;letter-spacing:.09em;font-weight:700;color:#628060;padding:9px 12px;background:#e8f0e3;border-radius:20px}.live-badge i{display:inline-block;width:6px;height:6px;background:#79a56d;border-radius:50%;margin-right:6px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric-card{background:#fffefa;border:1px solid #eaeee7;border-radius:15px;padding:20px 18px;min-height:130px;display:flex;flex-direction:column}.metric-card>span{font-size:8px;letter-spacing:.12em;color:#89958b;font-weight:700}.metric-card>strong{font:600 clamp(23px,2.5vw,31px) Manrope;letter-spacing:-.06em;margin-top:16px}.metric-card strong small{font:500 10px 'DM Sans';letter-spacing:0;color:#89958b}.metric-foot,.metric-primary a{font-size:9px;color:#98a299;margin-top:10px}.metric-primary{background:#29463a;color:#fff;border-color:#29463a}.metric-primary>span,.metric-primary .metric-foot{color:#c3d2c2}.metric-primary>strong small{color:#d0ddce}.metric-primary a{margin-top:10px;color:#d1e1cb}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.panel{background:#fffefa;border:1px solid #eaeee7;border-radius:16px;padding:22px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-heading h2,.panel h2{font:600 17px Manrope;letter-spacing:-.04em;margin:7px 0 0}.panel-heading .text-link{font-size:10px}.activity-list{display:grid}.activity-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-top:1px solid #edf0e9}.activity-icon{width:30px;height:30px;background:#f0f3ec;border-radius:10px;display:grid;place-items:center;color:#6d8d66}.activity-row>span:nth-child(2){flex:1}.activity-row b{font-size:10px;display:block}.activity-row small{font-size:9px;color:#9aa39b;display:block;margin-top:4px}.activity-row>strong{font-size:10px}.positive{color:#5e8a58}.empty-state{min-height:150px;display:grid;align-content:center;justify-items:center;text-align:center;color:#9ba69d;font-size:11px}.empty-state>span{font-size:20px;color:#73936c}.empty-state a{color:#5b7956;font-size:10px;font-weight:700}.status-pill{display:inline-flex;padding:5px 8px;border-radius:30px;background:#eef1eb;color:#768477;font-size:9px}.status-paid{background:#e8f2e4;color:#63875c}.status-pending,.status-processing,.status-review{background:#fff2dc;color:#997736}.status-failed{background:#fbeae5;color:#a85a45}.faucet-layout,.withdraw-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:15px;align-items:start}.faucet-card{background:#fffefa;border:1px solid #e9ede5;border-radius:19px;padding:34px;text-align:center;position:relative;overflow:hidden}.faucet-orbit{width:105px;height:105px;border:1px solid #e4eadf;border-radius:50%;margin:0 auto 24px;display:grid;place-items:center;position:relative}.faucet-orbit:before,.faucet-orbit:after{content:'';position:absolute;border:1px solid #edf0e9;border-radius:50%;inset:10px}.faucet-orbit:after{inset:-11px;border-style:dashed}.orbit-inner{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#e9f0e3;color:#739268;font-size:28px}.orbit-pip{position:absolute;top:4px;right:8px;width:8px;height:8px;background:#d67950;border:2px solid white;border-radius:50%}.reward-value{font:600 43px Manrope;letter-spacing:-.07em;margin:12px 0 0}.reward-value small{font:500 12px 'DM Sans';letter-spacing:0;color:#859188}.faucet-card>p{margin:7px 0 0}.claim-divider{height:1px;background:#edf0e9;margin:24px 0}.claim-details{display:flex;justify-content:center;gap:54px;text-align:left;margin-bottom:23px}.claim-details span{font-size:9px;color:#9aa39a;display:grid;gap:5px}.claim-details b{font-size:11px;color:#46544b}.claim-button{max-width:370px}.claim-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.claim-small{font-size:9px;color:#a2aaa3;margin:13px 0 0}.claim-message{min-height:0;margin-top:10px;font-size:11px}.claim-message:empty{display:none}.claim-message.is-success{color:#57824e}.claim-message.is-error{color:#a95e47}.faucet-aside{display:grid;gap:13px}.aside-balance strong{display:block;font:600 28px Manrope;letter-spacing:-.06em;margin:14px 0 0}.aside-balance strong small{font:500 10px 'DM Sans';color:#8e998f}.faucet-aside .panel h3{font:600 16px Manrope;margin:13px 0 7px}.faucet-aside .panel p{font-size:11px;color:#8b968d;line-height:1.75}.progress-track{height:5px;background:#edf1e8;border-radius:6px;margin:18px 0 8px;overflow:hidden}.progress-track i{display:block;height:100%;background:#92ae82;border-radius:6px}.faucet-aside .panel>small{font-size:9px}.note-card{display:flex;gap:10px;background:#e8eee3;padding:16px;border-radius:14px;color:#61735d}.note-card span{color:#7b9a68}.note-card p{font-size:10px;line-height:1.6;margin:0}.withdraw-form h2{font:600 22px Manrope;letter-spacing:-.05em;margin:10px 0 20px}.available-balance{padding:15px;background:#f2f5ee;border-radius:12px;display:flex;align-items:center;justify-content:space-between;margin:18px 0}.available-balance span{font-size:10px;color:#819087}.available-balance strong{font:600 17px Manrope}.available-balance small{font:500 9px 'DM Sans';color:#809084}.withdraw-form .form-stack{margin-top:0}.form-stack label small{color:#9aa49c;font-weight:400}.withdraw-note{font-size:10px;color:#859188;line-height:1.7}.withdraw-info{padding:26px}.withdraw-step{display:flex;gap:12px;margin-top:23px}.withdraw-step>span{flex:none;width:25px;height:25px;border-radius:9px;background:#edf2e9;display:grid;place-items:center;color:#65825d;font-size:10px}.withdraw-step b{font-size:11px}.withdraw-step p{font-size:10px;color:#89948b;line-height:1.6;margin:5px 0 0}.payout-warning{margin-top:24px;padding:12px;background:#faf3e9;border-radius:10px;color:#8d7147;font-size:9px;line-height:1.6}.history-panel{margin-top:15px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:10px}th{font-size:8px;color:#9aa39b;letter-spacing:.1em;text-transform:uppercase}td,th{padding:12px;border-bottom:1px solid #edf0e9}td{color:#5d6a61}.profile-panel{max-width:650px}.profile-panel .form-stack{max-width:440px}.profile-meta{border-top:1px solid #edf0e9;margin-top:26px;padding-top:17px;display:flex;justify-content:space-between;color:#87948a;font-size:10px}.profile-meta b{color:#536359}.legal-page{max-width:780px;margin:0 auto;padding:145px 25px 95px}.legal-page h1{font:600 44px Manrope;letter-spacing:-.06em}.legal-page h2{font:600 18px Manrope;margin-top:32px}.legal-page p{color:#748078;line-height:1.8;font-size:13px}.admin-layout{max-width:1000px;margin:80px auto;padding:25px}.admin-layout h1{font:600 35px Manrope;letter-spacing:-.05em}.admin-nav{display:flex;flex-wrap:wrap;gap:20px;border-bottom:1px solid #e1e7de;padding:15px 0;margin:20px 0}.admin-nav a{font-size:12px;color:#607362}.admin-form{max-width:650px}.admin-form label{display:grid;gap:7px;margin:13px 0;font-size:11px}.admin-form input,.admin-form textarea{border:1px solid #dfe4db;padding:11px;border-radius:9px;background:#fff}.admin-table{width:100%;margin-top:20px}.status-active{color:#57824e}@keyframes rise-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-in{from{transform:scale(1.04);filter:saturate(.7)}to{transform:scale(1.015);filter:saturate(1)}} @media(max-width:900px){.top-nav{gap:18px}.hero{min-height:680px}.hero-bottom{left:4%;right:4%}.hero-caption{display:none}.feature-band{padding-left:8%;padding-right:8%;gap:6%}.sidebar{width:210px}.app-main{margin-left:210px;padding:0 3% 50px}.metric-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:640px){.site-header{height:68px;padding:0 20px}.menu-toggle{display:block;color:#23342d}.top-nav{display:none;position:absolute;top:60px;left:12px;right:12px;padding:16px;background:#fafbf5f2;backdrop-filter:blur(18px);border:1px solid #ffffff;border-radius:16px;box-shadow:var(--shadow);align-items:stretch;gap:4px;flex-direction:column}.menu-open .top-nav{display:flex}.top-nav a{padding:11px}.hero{min-height:720px;height:95svh;padding:100px 20px 160px}.hero-photo{background-position:55% center}.social-proof{font-size:9px}.hero h1{font-size:clamp(42px,12vw,62px)}.hero-sub{font-size:13px;max-width:350px}.hero-actions{flex-direction:column;align-items:center}.hero-actions .button{width:min(280px,100%)}.hero-bottom{left:15px;right:15px;bottom:43px;justify-content:center}.stats-glass{gap:14px;padding:13px 16px;border-radius:19px;width:100%;justify-content:space-between}.stats-glass strong{font-size:20px}.stats-glass span{font-size:8px}.stats-glass>i{height:27px}.section-wrap{padding:76px 22px}.intro-grid{grid-template-columns:1fr;gap:18px;margin:23px 0 32px}.intro-grid>p{font-size:13px}.steps-grid{grid-template-columns:1fr}.step-card{min-height:175px}.step-card h3{margin-top:34px}.feature-band{grid-template-columns:1fr;padding:70px 24px;gap:36px}.dashboard-preview{justify-self:center}.faq-section{padding-top:77px;padding-bottom:80px}.faq-section h2{font-size:38px}.site-footer{padding:24px;flex-wrap:wrap;gap:16px}.site-footer>span{order:3;width:100%}.site-footer>div{gap:13px}.auth-page{grid-template-columns:1fr;padding-top:68px}.auth-art{min-height:240px;margin:12px 12px 0;border-radius:22px;padding:26px}.auth-art-copy h2{font-size:39px;margin:13px 0}.auth-art-copy p{margin:0}.auth-panel{padding:34px 23px 55px}.auth-form-wrap h1{font-size:29px}.sidebar{width:auto;inset:auto 0 0;height:61px;padding:0 12px;background:#fbfcf8f5;backdrop-filter:blur(15px);border:0;border-top:1px solid #e5eae2}.sidebar .brand,.nav-label,.side-bottom{display:none}.sidebar nav{height:100%;display:flex;justify-content:space-around;align-items:center}.sidebar nav a{flex-direction:column;gap:2px;padding:5px 9px;font-size:16px}.sidebar nav a span{font-size:8px}.app-main{margin:0;padding:0 17px 84px}.app-top{height:61px}.mobile-brand{display:flex;font-size:14px}.app-top .eyebrow{display:none}.page-heading{padding:30px 0 20px;align-items:start;gap:12px;flex-direction:column}.page-heading h1{font-size:28px}.page-heading>.button{margin-top:8px}.metric-grid{gap:8px}.metric-card{padding:15px 12px;min-height:110px}.metric-card>span{font-size:7px}.metric-card>strong{font-size:22px}.dashboard-grid{grid-template-columns:1fr}.panel{padding:18px}.faucet-layout,.withdraw-grid{grid-template-columns:1fr}.faucet-card{padding:27px 17px}.claim-details{gap:36px}.faucet-aside{grid-template-columns:1fr}.withdraw-info{padding:20px}.history-panel{padding:17px}.legal-page{padding-top:110px}.legal-page h1{font-size:35px}} .dashboard-preview h3{font:600 23px Manrope;letter-spacing:-.05em;margin:37px 0 10px}.dashboard-preview>p{max-width:310px;color:#859188;font-size:12px;line-height:1.7}.preview-feature{display:flex;gap:11px;align-items:center;border-top:1px solid #e9ede6;padding:14px 0}.preview-feature>span{width:30px;height:30px;border-radius:10px;background:#eef2e9;display:grid;place-items:center;color:#66815e}.preview-feature b,.preview-feature small{display:block}.preview-feature b{font-size:10px}.preview-feature small{font-size:9px;color:#939d95;margin-top:4px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}} /* More readable type scale and a tighter member overview. */ .section-tag{font-size:10px}.top-nav{font-size:14px}.button{font-size:14px}.hero-sub{font-size:17px}.social-proof{font-size:12px}.hero-note{font-size:12px}.stats-glass span{font-size:11px}.scroll-cue{font-size:9px}.intro-grid>p{font-size:16px}.step-card h3{font-size:18px}.step-card p{font-size:14px}.feature-band>div>p,.faq-list p{font-size:14px}.faq-list summary{font-size:16px}.site-footer{font-size:12px}.muted{font-size:14px}.form-stack label{font-size:13px}.legal-note{font-size:11px}.app-main .page-heading{padding-top:24px}.page-heading p{font-size:14px}.metric-card>span{font-size:9px}.metric-foot,.metric-primary a{font-size:11px}.panel-heading h2,.panel h2{font-size:19px}.panel-heading .text-link{font-size:11px}.activity-row b{font-size:12px}.activity-row small{font-size:10px}.activity-row>strong{font-size:11px}.empty-state{font-size:13px}.empty-state a{font-size:11px}.status-pill{font-size:10px}.claim-details span{font-size:11px}.claim-details b{font-size:12px}.claim-small{font-size:11px}.claim-message{font-size:13px}.faucet-aside .panel p{font-size:13px}.faucet-aside .panel>small{font-size:10px}.note-card p{font-size:12px}.available-balance span{font-size:12px}.withdraw-note,.withdraw-step p{font-size:12px}.withdraw-step b{font-size:13px}.payout-warning{font-size:11px}table{font-size:12px}th{font-size:9px}.admin-nav a{font-size:13px}.admin-form label{font-size:13px} @media(max-width:640px){.hero-sub{font-size:15px}.social-proof{font-size:10px}.stats-glass span{font-size:9px}.intro-grid>p{font-size:14px}.step-card p{font-size:13px}.page-heading{padding-top:17px!important}.metric-card>span{font-size:8px}.admin-nav{gap:11px}.admin-nav a{font-size:12px}} /* Site-wide readability scale. Keep display headings expressive while raising compact UI copy. */ body{font-size:16px} .top-nav,.button,.top-nav .button,.button-sm{font-size:15px} .brand{font-size:19px} .social-proof{font-size:14px} .proof-dots i{font-size:12px} .hero-sub{font-size:18px} .hero-note,.hero-caption{font-size:14px} .hero-caption span:first-child,.section-tag,.hero-kicker{font-size:12px} .stats-glass span{font-size:13px} .scroll-cue{font-size:11px} .intro-grid>p,.step-card p,.feature-band>div>p,.faq-list p,.dashboard-preview>p,.legal-page p{font-size:16px} .step-card>span,.preview-top,.preview-labels,.preview-feature small{font-size:12px} .step-card h3,.preview-feature b{font-size:19px} .text-link,.faq-list summary{font-size:15px} .site-footer{font-size:14px} .auth-form-wrap p,.form-stack label,.form-stack label small,.form-error,.form-success,.legal-note{font-size:15px} .form-stack input,.form-stack select,.form-stack textarea,.admin-form input,.admin-form textarea{font-size:16px} .sidebar nav a{font-size:18px} .sidebar nav a span{font-size:12px} .mobile-brand{font-size:17px} .page-heading p,.muted,.empty-state{font-size:15px} .metric-card>span{font-size:12px} .metric-foot,.metric-primary a{font-size:13px} .panel-heading h2,.panel h2{font-size:20px} .panel-heading .text-link{font-size:14px} .activity-row b{font-size:14px} .activity-row small{font-size:12px} .activity-row>strong{font-size:13px} .empty-state a{font-size:13px} .status-pill{font-size:12px} .claim-details span{font-size:13px} .claim-details b{font-size:14px} .claim-small,.claim-message{font-size:13px} .faucet-aside .panel p,.note-card p,.withdraw-note,.withdraw-step p{font-size:14px} .faucet-aside .panel>small,.withdraw-step>span{font-size:12px} .available-balance span,.withdraw-step b{font-size:14px} .payout-warning{font-size:13px} table{font-size:14px} th{font-size:11px} .profile-meta{font-size:13px} .legal-page h2{font-size:20px} .admin-layout h1{font-size:38px} .admin-nav a{font-size:15px} .admin-form label{font-size:15px} @media(max-width:640px){ body{font-size:15px} .top-nav{font-size:15px} .social-proof{font-size:12px} .hero-sub{font-size:16px} .hero-note,.hero-caption{font-size:13px} .stats-glass span{font-size:11px} .scroll-cue{font-size:10px} .intro-grid>p,.step-card p,.feature-band>div>p,.faq-list p,.dashboard-preview>p,.legal-page p{font-size:14px} .step-card>span,.preview-top,.preview-labels,.preview-feature small{font-size:11px} .faq-list summary,.text-link{font-size:14px} .site-footer{font-size:13px} .form-stack label,.form-stack label small,.form-error,.form-success,.legal-note{font-size:14px} .sidebar nav a span{font-size:11px} .metric-card>span{font-size:10px} .activity-row small{font-size:11px} .status-pill{font-size:11px} .claim-details span{font-size:12px} .claim-small{font-size:12px} .faucet-aside .panel p,.note-card p,.withdraw-note,.withdraw-step p{font-size:13px} .payout-warning{font-size:12px} table{font-size:13px} th{font-size:10px} .admin-nav a,.admin-form label{font-size:14px} } /* Landing page navigation and centered, description-free steps */ .site-header .nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:24px} .site-header .nav-login{font-size:15px;color:#4e5b57} .landing-header{position:absolute;top:30px;left:50%;right:auto;width:min(80%,1600px);height:90px;padding:0 2%;transform:translateX(-50%);display:grid;grid-template-columns:minmax(170px,1fr) auto minmax(205px,1fr);gap:20px;border:1px solid #ffffffbd;border-radius:999px;background:#ffffffc9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 36px #1c32251b} .landing-header .brand{font-size:20px} .landing-header .brand-mark{width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,#ffbd36,#eb642b 68%,#71916b);font-size:0;box-shadow:0 4px 14px #b85b3e35} .landing-header .top-nav{justify-content:center;gap:clamp(19px,2.7vw,42px);font-size:clamp(14px,1.35vw,19px);white-space:nowrap} .landing-header .top-nav>a[aria-current="page"]{position:relative;opacity:1} .landing-header .top-nav>a[aria-current="page"]:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:3px;background:#17202e;border-radius:3px} .landing-header .nav-actions{gap:23px;white-space:nowrap} .landing-header .nav-login{font-size:clamp(15px,1.35vw,19px)} .landing-header .button-sm{padding:15px 28px;font-size:clamp(14px,1.25vw,18px);background:#11182b;border-radius:999px;box-shadow:0 6px 18px #10172a28} .landing .hero-bottom{justify-content:center} .intro-grid{display:flex;justify-content:center;text-align:center;margin:0 0 54px} .intro-grid h2{max-width:760px} .steps-grid{gap:20px} .step-card{min-height:250px;padding:29px 30px} .step-card>span{font-size:15px} .step-icon{right:25px;top:23px;width:48px;height:48px;border-radius:17px;font-size:22px} .step-card h3{font-size:clamp(19px,2vw,25px);margin:95px 0 0;line-height:1.25} .sidebar nav a span{font-size:16px;line-height:1.4} .nav-label{font-size:14px;letter-spacing:.15em} @media(max-width:1100px){ .landing-header{width:min(92%,760px);grid-template-columns:minmax(145px,1fr) auto minmax(170px,1fr);gap:15px;padding:0 1.8%} .landing-header .top-nav{gap:17px;font-size:14px} .landing-header .nav-actions{gap:14px} .landing-header .button-sm{padding:13px 20px} } @media(max-width:640px){ .site-header:not(.landing-header) .nav-actions{display:none;position:absolute;top:190px;left:12px;right:12px;z-index:8;padding:9px 16px;background:#fafbf5f2;backdrop-filter:blur(18px);border:1px solid #ffffff;border-radius:0 0 16px 16px;box-shadow:var(--shadow);align-items:stretch;gap:3px;flex-direction:column} .site-header:not(.landing-header).menu-open .nav-actions{display:flex} .site-header:not(.landing-header) .nav-actions>a{padding:10px} .landing-header{top:10px;left:50%;right:auto;width:calc(100% - 20px);height:64px;padding:0 16px;grid-template-columns:1fr auto;gap:0;border-radius:24px} .landing-header .brand{font-size:19px} .landing-header .brand-mark{width:33px;height:33px} .landing-header .menu-toggle{display:block;color:#1b2730;font-size:24px} .landing-header .top-nav,.landing-header .nav-actions{display:none;position:absolute;left:0;right:0;z-index:8;padding:10px 16px;background:#fffffff2;backdrop-filter:blur(18px);border-left:1px solid #ffffff;border-right:1px solid #ffffff;align-items:stretch;gap:2px;flex-direction:column} .landing-header .top-nav{top:58px;border-top:1px solid #e8ece7;border-radius:0 0 0 0;box-shadow:none} .landing-header .nav-actions{top:278px;padding-top:3px;padding-bottom:15px;border-bottom:1px solid #ffffff;border-radius:0 0 20px 20px;box-shadow:0 16px 35px #1b32241a} .landing-header.menu-open .top-nav,.landing-header.menu-open .nav-actions{display:flex} .landing-header .top-nav a,.landing-header .nav-actions a{padding:10px 5px;font-size:15px} .landing-header .top-nav>a[aria-current="page"]:after{display:none} .landing-header .nav-actions .button-sm{padding:12px 16px;margin-top:3px} .intro-grid{margin-bottom:35px} .step-card{min-height:195px;padding:23px} .step-icon{right:20px;top:18px;width:42px;height:42px} .step-card h3{margin-top:75px;font-size:20px} .sidebar{height:68px;padding:0 7px} .sidebar nav a{gap:3px;padding:5px 3px;font-size:19px} .sidebar nav a span{font-size:14px;line-height:1.2;text-align:center} .nav-label{font-size:13px} } /* Admin analytics dashboard */ .admin-layout{max-width:1360px} .analytics-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 16px;padding:24px 26px} .analytics-intro h2{font:600 clamp(24px,3vw,34px)/1.12 Manrope;letter-spacing:-.05em;margin:10px 0 5px} .analytics-intro .muted{margin:0} .analytics-kpis{margin-bottom:16px} .analytics-kpis .metric-card{min-height:142px} .analytics-kpis .metric-card>strong{margin-top:13px} .analytics-kpis .metric-card>small{font-size:13px;color:#8a968d;margin-top:9px} .analytics-grid{align-items:stretch;margin-top:16px} .analytics-grid>.panel{min-width:0} .analytics-chart .panel-heading>strong{font:600 23px Manrope;white-space:nowrap} .analytics-chart .panel-heading>strong small{font:500 13px 'DM Sans';color:#87938a} .bar-chart{height:198px;display:flex;align-items:stretch;gap:clamp(3px,1vw,10px);padding:18px 2px 0;border-bottom:1px solid #e8ece5} .bar-column{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px} .bar-column>span{font-size:11px;color:#728078;min-height:14px} .bar-column>i{width:min(28px,72%);min-height:3px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#9ab88b,#426c52);box-shadow:0 3px 8px #34523c18} .bar-column>small{font-size:11px;color:#94a097;padding-bottom:7px} .chart-caption{margin:12px 0 0} .health-list{display:grid;grid-template-columns:1fr 1fr;gap:0 22px} .health-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #edf0e9} .health-list span{font-size:14px;color:#758279} .health-list b{font-size:15px} .provider-status{display:grid;grid-template-columns:1fr auto;gap:10px 12px;border-top:1px solid #e9ede6;margin-top:18px;padding-top:16px;align-items:center} .provider-status span{font-size:13px;color:#77847a} .provider-status b{font-size:12px;padding:5px 9px;border-radius:20px;background:#f0f2ed} .health-ok{color:#527a4d!important;background:#e8f1e3!important} .health-warn{color:#9a7738!important;background:#fbf1dd!important} .health-bad{color:#aa5945!important;background:#f9eae5!important} .analytics-grid table{min-width:510px} .analytics-grid td,.analytics-grid th{padding:11px 9px} .diagnostic-list{display:grid;gap:9px} .diagnostic-list article{border:1px solid #f0e5dc;background:#fcf8f3;border-radius:11px;padding:11px 13px} .diagnostic-list b{font-size:12px;color:#8a776b} .diagnostic-list p{font-size:13px;line-height:1.55;color:#815640;margin:5px 0 0;overflow-wrap:anywhere} .analytics-settings{margin-top:16px} .analytics-settings>div{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:14px} .analytics-settings article{display:grid;gap:6px;padding:13px 14px;border-radius:12px;background:#f5f6f0} .analytics-settings article small{font-size:12px;color:#869188} .analytics-settings article b{font:600 15px Manrope;color:#35473c} @media(max-width:800px){.analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-settings>div{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}} @media(max-width:640px){.analytics-intro{align-items:flex-start;flex-direction:column;padding:19px}.analytics-intro .button{font-size:13px}.analytics-kpis .metric-card{min-height:118px}.analytics-kpis .metric-card>small{font-size:11px}.bar-chart{height:175px;gap:3px}.bar-column>span,.bar-column>small{font-size:9px}.health-list{gap:0 12px}.health-list span{font-size:12px}.health-list b{font-size:13px}.provider-status span{font-size:12px}.analytics-settings>div{grid-template-columns:1fr 1fr}.analytics-settings article{padding:11px}.analytics-settings article b{font-size:13px}} /* Clearer spacing in the analytics panels and workspace navigation */ .analytics-grid>.panel{padding:26px} .analytics-grid .panel-heading{margin-bottom:22px;gap:18px} .analytics-grid .panel-heading>div{min-width:0} .health-list{gap:12px 14px;margin-top:18px} .health-list>div{min-height:48px;padding:12px 14px;border:1px solid #e8ece4;border-radius:11px;background:#fafbf7} .health-list span{font-size:15px;line-height:1.45} .health-list b{font-size:16px;white-space:nowrap} .provider-status{gap:13px 16px;margin-top:22px;padding-top:20px} .provider-status span{font-size:14px;line-height:1.45} .provider-status b{font-size:13px;padding:7px 11px;white-space:nowrap} .analytics-settings{padding:25px 26px} .analytics-settings>div{gap:15px;margin-top:20px} .analytics-settings article{min-height:78px;gap:9px;padding:16px;border:1px solid #e8ece4;background:#fafbf7} .analytics-settings article small{font-size:13px} .analytics-settings article b{font-size:16px;line-height:1.35} .nav-label{font-size:12px;letter-spacing:.15em;padding-bottom:14px} .sidebar nav{gap:8px} .sidebar nav a{gap:13px;padding:13px 12px;font-size:20px} .sidebar nav a span{font-size:15px;line-height:1.35} .sidebar .brand{font-size:20px} .user-chip b{font-size:14px} .user-chip small{font-size:12px} .side-logout{font-size:13px} @media(max-width:800px){.analytics-grid>.panel{padding:22px}} @media(max-width:640px){ .analytics-grid>.panel{padding:18px} .analytics-grid .panel-heading{margin-bottom:18px} .health-list{gap:9px;margin-top:14px} .health-list>div{min-height:44px;padding:10px} .health-list span{font-size:12px} .health-list b{font-size:13px} .provider-status{gap:11px 12px;margin-top:18px;padding-top:16px} .provider-status span{font-size:12px} .provider-status b{font-size:11px;padding:6px 8px} .analytics-settings{padding:18px} .analytics-settings>div{gap:9px;margin-top:15px} .analytics-settings article{min-height:70px;padding:11px} .analytics-settings article small{font-size:11px} .analytics-settings article b{font-size:13px} .sidebar nav{gap:0} .sidebar nav a{font-size:19px} .sidebar nav a span{font-size:13px;line-height:1.2} } /* Final navigation sizing overrides for the current landing and workspace layouts */ .nav-label{font-size:14px;letter-spacing:.15em} .sidebar nav a span{font-size:16px;line-height:1.4} @media(max-width:640px){ .sidebar nav a span{font-size:14px;line-height:1.2;text-align:center} .nav-label{font-size:13px} } .market-rates-panel{margin-top:18px;padding:24px} .market-rates-panel .panel-heading{align-items:flex-start;gap:20px} .market-rates-panel .panel-heading>div{max-width:760px} .market-rates-panel .panel-heading h2{margin:9px 0 5px;font:600 22px Manrope;letter-spacing:-.04em} .market-rates-panel .panel-heading p{font-size:13px;line-height:1.65;margin:0} .market-rates-panel .panel-heading form{flex:none} .market-rate-meta{font-size:12px;color:#829087;margin:15px 0} .market-rate-meta strong{margin-left:5px} .market-fresh{color:#527a4d} .market-stale{color:#a65e45} .market-rate-table{min-width:500px} .market-rate-table th,.market-rate-table td{padding:12px 10px} @media(max-width:640px){.market-rates-panel{padding:17px}.market-rates-panel .panel-heading{align-items:stretch;flex-direction:column}.market-rate-meta{font-size:11px}} /* Landing page: compact pill navigation and wider, evenly spaced statistics */ .landing-header{height:72px} .landing-header .brand{font-size:18px} .landing-header .brand-mark{width:31px;height:31px} .landing-header .top-nav{gap:clamp(16px,2.2vw,32px);font-size:clamp(12px,1.1vw,16px)} .landing-header .nav-actions{gap:18px} .landing-header .nav-login{font-size:clamp(13px,1.1vw,16px)} .landing-header .button-sm{padding:11px 21px;font-size:clamp(12px,1vw,15px)} .landing .stats-glass{width:min(76vw,850px);justify-content:space-around;gap:clamp(26px,5vw,72px);padding:16px clamp(28px,4vw,54px)} .landing .stats-glass div{min-width:100px;text-align:center} .landing .stats-glass strong{font-size:22px} .landing .stats-glass span{font-size:11px} @media(max-width:1100px){ .landing-header{grid-template-columns:minmax(125px,1fr) auto minmax(135px,1fr);gap:12px} .landing-header .top-nav{gap:clamp(10px,1.5vw,17px);font-size:clamp(12px,1.25vw,14px)} .landing-header .nav-actions{gap:12px} .landing-header .nav-login{font-size:13px} .landing-header .button-sm{padding:10px 16px;font-size:13px} } @media(max-width:640px){ .landing-header{height:56px} .landing-header .brand{font-size:17px} .landing-header .brand-mark{width:29px;height:29px} .landing-header .menu-toggle{font-size:21px} .landing-header .top-nav a,.landing-header .nav-actions a{font-size:13px} .landing-header .nav-actions .button-sm{padding:10px 14px} .landing .stats-glass{width:100%;gap:14px;padding:13px 16px} .landing .stats-glass div{min-width:0;text-align:left} .landing .stats-glass strong{font-size:20px} .landing .stats-glass span{font-size:9px} } /* Keep the how-it-works section compact around its short content */ #how.section-wrap{padding-top:68px;padding-bottom:68px} #how .intro-grid{margin:0 0 26px} #how .intro-grid h2{max-width:none;white-space:nowrap;font-size:clamp(27px,3.4vw,48px);line-height:1.1} #how .steps-grid{gap:16px} #how .step-card{min-height:0;padding:22px 24px 24px} #how .step-card>span{font-size:13px} #how .step-icon{top:17px;right:20px;width:42px;height:42px;border-radius:15px;font-size:19px} #how .step-card h3{font-size:clamp(17px,1.55vw,21px);margin:52px 0 0;line-height:1.25} @media(max-width:640px){ #how.section-wrap{padding-top:54px;padding-bottom:54px} #how .intro-grid{margin-bottom:22px} #how .intro-grid h2{font-size:clamp(18px,5.1vw,30px)} #how .steps-grid{gap:12px} #how .step-card{padding:20px 21px 21px} #how .step-icon{top:14px;right:17px;width:38px;height:38px;border-radius:13px;font-size:17px} #how .step-card h3{font-size:18px;margin-top:42px} } .step-heading{display:flex;align-items:baseline;gap:11px;max-width:calc(100% - 52px)} #how .step-heading>span{flex:none;font-size:13px;color:#98a398} #how .step-heading h3{font:600 clamp(16px,1.45vw,20px)/1.3 Manrope,sans-serif;letter-spacing:-.035em;margin:0} #how .step-card p{font-size:13px;line-height:1.55;color:#87918a;margin:14px 0 0;max-width:320px} @media(max-width:640px){ .step-heading{gap:9px;max-width:calc(100% - 48px)} #how .step-heading>span{font-size:12px} #how .step-heading h3{font-size:17px} #how .step-card p{font-size:12px;margin-top:11px} } .coin-picker{border:0;padding:0;margin:0;min-width:0} .coin-picker legend{font-size:13px;font-weight:600;color:#45534b;margin-bottom:10px} .coin-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:10px} .coin-option{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:8px;align-content:center;min-height:82px;padding:13px 14px;border:1px solid #dfe5db;border-radius:13px;background:#fffefa;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s} .coin-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer} .coin-option:has(input:checked),.coin-option.is-selected{border-color:#52745a;background:#f0f5ec;box-shadow:0 0 0 2px #52745a1a} .coin-option:focus-within{outline:2px solid #78966f;outline-offset:2px} .coin-option-name{grid-column:1;grid-row:1;font:700 16px Manrope;color:#263830} .coin-option-provider{grid-column:2;grid-row:1;align-self:center;color:var(--member-accent,var(--accent));font-size:9px;font-weight:750;letter-spacing:.015em;white-space:nowrap} .coin-option-estimate{grid-column:1/-1;grid-row:2;font-size:12px;color:#748078;overflow-wrap:anywhere} .coin-option.is-stock-available,.coin-option.is-stock-available.is-selected{border-color:#70a77a;background:#eef8ef;box-shadow:0 0 0 2px #70a77a1a} .coin-option.is-stock-unavailable,.coin-option.is-stock-unavailable.is-selected{border-color:#d47770;background:#fff0ef;box-shadow:0 0 0 2px #d477701a} .coin-option.is-stock-checking{border-style:dashed;opacity:.78} .coin-option.is-stock-available .coin-option-estimate{color:#438052} .coin-option.is-stock-unavailable .coin-option-estimate{color:#b34f49} .coin-stock-status{grid-column:1/-1;grid-row:3;display:block;min-height:14px;font-size:10px;font-weight:700;letter-spacing:.01em;color:#78847b} .coin-stock-status:empty{display:none} .coin-stock-status.is-checking{color:#78847b} .coin-stock-status.is-available{color:#438052} .coin-stock-status.is-unavailable,.coin-stock-status.is-error{color:#b34f49} .coin-option.is-disabled{opacity:.48;cursor:not-allowed;background:#f4f5f0} .coin-option.is-disabled input{cursor:not-allowed} .coin-picker:disabled .coin-option{cursor:not-allowed} .withdraw-form .form-stack>label:first-child{margin-bottom:2px} @media(max-width:480px){.coin-options{grid-template-columns:repeat(2,minmax(0,1fr))}.coin-option{min-height:76px;padding:11px}} .advertising-panel{margin:18px 0;padding:22px;scroll-margin-top:20px} .advertising-panel>.panel-heading{margin-bottom:18px} .ad-delivery-form{display:flex;align-items:end;gap:14px;flex-wrap:wrap} .ad-delivery-form label{min-width:220px;flex:1} .ad-network-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px} .ad-network-tile{display:flex;min-height:112px;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:16px;border:1px solid #e2e8df;border-radius:14px;background:#fffefa;color:#1c2923;text-decoration:none;transition:border-color .16s,background .16s,transform .16s} .ad-network-tile:hover{border-color:#9fb39f;transform:translateY(-1px)} .ad-network-tile.is-selected{border-color:#526f58;background:#f0f5ed;box-shadow:0 0 0 2px #526f5814} .ad-network-tile-mark{display:grid;width:30px;height:30px;place-items:center;border-radius:10px;background:#edf2e9;color:#53715a;font-size:17px} .ad-network-tile strong{font:650 14px Manrope} .ad-network-tile small{color:#7d897e;font-size:11px} .ad-network-add{border-style:dashed;background:#fafbf7} .ad-network-add .ad-network-tile-mark{font-size:21px} .ad-network-editor{margin-top:17px;padding:20px;border:1px solid #e3e8df;border-radius:14px;background:#fffefa} .ad-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px} .ad-editor-heading h3{margin:4px 0 0;font:650 18px Manrope} .ad-network-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.5fr);gap:14px;align-items:end} .ad-network-codes{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .ad-network-codes label,.page-code-grid label{min-width:0} .advertising-panel textarea{width:100%;min-width:100%;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical} .ad-network-form button{justify-self:start} .placement-page-select{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:8px} .placement-page-select h2{margin:4px 0 0;font:650 20px Manrope} .placement-page-select form,.page-code-page-select{display:flex;align-items:center;gap:10px} .placement-page-select form label,.page-code-page-select label{margin:0!important;white-space:nowrap} .placement-page-select select,.page-code-page-select select{min-width:190px} .placement-help{margin:0 0 18px} .placement-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:17px} .placement-card{padding:17px;border:1px solid #e4e9e0;border-radius:13px;background:#fffefa} .placement-card-sticky{border-color:#d8e2d4;background:#f7f9f3} .placement-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px} .placement-card-heading h3{margin:5px 0 0;font:620 15px Manrope} .placement-position-kind{font-size:9px;font-weight:700;letter-spacing:.12em;color:#879487} .placement-toggle{display:flex;align-items:center;gap:7px;margin:0!important;white-space:nowrap;font-size:12px} .placement-toggle input,.placement-network-list input{width:auto;min-width:0;margin:0} .placement-size-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .placement-size-fields label{margin:0!important} .placement-networks{margin-top:14px;padding-top:12px;border-top:1px solid #edf0e9} .placement-networks>span{display:block;margin-bottom:8px;font-size:11px;font-weight:700;color:#718074} .placement-network-list{display:flex;flex-wrap:wrap;gap:7px} .placement-network-list label{display:flex;align-items:center;gap:7px;margin:0!important;padding:7px 9px;border:1px solid #e6eae3;border-radius:999px;background:#fff;font-size:11px} .placement-sticky-note{margin:0 0 10px;font-size:12px} .sticky-side-select{max-width:230px;margin:0!important} .page-code-form>label{display:block;margin-bottom:14px} .page-code-page-select{margin-bottom:15px} .page-ad-slot{position:relative;display:flex;justify-content:center;align-items:flex-start;width:fit-content;max-width:100%;margin:16px auto;overflow:hidden;z-index:8} .page-ad-slot[hidden]{display:none!important} .page-ad-slot[hidden][data-slot-reserved="1"]{display:flex!important;min-height:var(--ad-slot-mobile-height,0px);visibility:hidden;opacity:0;pointer-events:none;transition:opacity .24s ease,visibility 0s} .page-ad-slot[data-slot-reserved="1"]:not([hidden]){min-height:var(--ad-slot-mobile-height,0px);visibility:visible;opacity:1;pointer-events:auto;transition:opacity .24s ease,visibility 0s} @media(min-width:768px){.page-ad-slot[hidden][data-slot-reserved="1"],.page-ad-slot[data-slot-reserved="1"]:not([hidden]){min-height:var(--ad-slot-desktop-height,0px)}} .page-ad-content{position:relative;flex:none;overflow:hidden;transform-origin:top center} .page-ad-disclosure-link{position:absolute;z-index:3;display:grid;place-items:center;color:#233a30;text-decoration:none;outline:none;overflow:visible;-webkit-tap-highlight-color:transparent} .page-ad-disclosure-link{top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #14281d30} .page-ad-disclosure-mark{display:grid;width:100%;height:100%;place-items:center;color:#4164d4;font:800 14px/1 Arial,sans-serif} .page-ad-corner-tooltip{position:absolute;right:calc(100% + 8px);padding:8px 11px;border:1px solid #ffffff22;border-radius:999px;background:#182720;color:#fff;font:650 12px/1 'DM Sans',sans-serif;white-space:nowrap;box-shadow:0 8px 22px #10271b35;opacity:0;visibility:hidden;transform:translateX(5px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;pointer-events:none} .page-ad-disclosure-link .page-ad-corner-tooltip{top:4px} .page-ad-disclosure-link:hover .page-ad-corner-tooltip,.page-ad-disclosure-link:focus-visible .page-ad-corner-tooltip{opacity:1;visibility:visible;transform:translateX(0)} .page-ad-disclosure-link:hover,.page-ad-disclosure-link:focus-visible{background:#f6f8ff;box-shadow:0 4px 14px #14281d35} .page-ad-disclosure-link:focus-visible{outline:2px solid #7189ef;outline-offset:-3px} @media(max-width:480px){.page-ad-disclosure-link{top:3px;right:3px;width:16px;height:16px}.page-ad-disclosure-mark{font-size:11px}.page-ad-corner-tooltip{font-size:10px;padding:7px 9px}} @media(prefers-reduced-motion:reduce){.page-ad-corner-tooltip{transition:none}} .page-ad-slot.is-sticky{position:fixed;bottom:16px;z-index:2147483000;margin:0;background:transparent;overflow:visible;filter:drop-shadow(0 8px 20px #13231e30)} .page-ad-slot.is-sticky.sticky-left{left:16px;right:auto} .page-ad-slot.is-sticky.sticky-right{right:16px;left:auto} .page-ad-slot.is-sticky .page-ad-content{transform-origin:bottom center} .page-ad-close{display:none;position:absolute;top:-12px;right:-12px;z-index:2147483001;width:32px;height:32px;padding:0;border:2px solid #fff;border-radius:50%;background:#17231f;color:#fff;font:700 22px/1 Arial,sans-serif;box-shadow:0 2px 10px #0005;cursor:pointer;align-items:center;justify-content:center} .page-ad-slot.is-sticky .page-ad-close{display:flex} .page-ad-close:hover{background:#000;transform:scale(1.06)} .dashboard-grid+.overview-more-grid{margin-top:15px} .overview-more-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:15px;align-items:start} .overview-more-grid>.page-ad-slot{margin:0;justify-self:end} .token-conversion-panel{min-height:250px} .token-conversion-panel .panel-heading{margin-bottom:12px} .token-rate-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} .token-rate-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;border:1px solid #edf0e9;border-radius:10px;background:#fff} .token-rate-list strong{font:700 13px Manrope;color:#47624b} .token-rate-list span{font-size:12px;color:#5f6c62;text-align:right;overflow-wrap:anywhere} .token-rate-note{font-size:10px;line-height:1.5;color:#929c93;margin:12px 0 0} .faucet-page{width:min(100%,960px);margin:27px auto 20px} .faucet-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px auto} .faucet-stat-card{min-height:112px;display:flex;flex-direction:column;justify-content:center;gap:11px;padding:18px 22px;border:1px solid #e4e9e1;border-radius:16px;background:#fffefa;box-shadow:0 8px 25px #1d302408} .faucet-stat-card>span{font-size:11px;letter-spacing:.09em;font-weight:700;color:#78847b} .faucet-stat-card>strong{font:650 clamp(20px,2.3vw,27px) Manrope;letter-spacing:-.045em;color:#25342d} .faucet-stat-card>strong small{font:600 12px 'DM Sans';letter-spacing:0;color:#879289} .antibot-card{max-width:660px;margin:23px auto;padding:23px;border:1px solid #e2e4f3;border-radius:16px;background:#f1f0ff;text-align:center} .antibot-instruction .section-tag{color:#7168de} .antibot-instruction h2{margin:8px 0 13px;font:600 19px Manrope;letter-spacing:-.03em} .antibot-targets{display:flex;justify-content:center;gap:9px} .antibot-targets span{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:#fff;color:#6259d6;font-size:21px;box-shadow:0 2px 8px #39317710} .antibot-symbol-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:18px auto 10px;max-width:410px} .antibot-symbol{width:52px;height:52px;border:1px solid #e3e3f2;border-radius:12px;background:#fff;color:#44534a;font-size:24px;cursor:pointer;transition:transform .15s,border-color .15s,opacity .15s} .antibot-symbol:hover:not(:disabled){transform:translateY(-2px);border-color:#958ee9} .antibot-symbol.is-picked{border-color:#746be0;background:#e9e7ff;color:#5750bd} .antibot-symbol.is-wrong{border-color:#d77565;background:#fff0ed;color:#a84737} .antibot-symbol:disabled{cursor:default;opacity:.68} .antibot-feedback{min-height:20px;color:#77748f;font-size:12px} .antibot-reset{margin-top:7px;border:0;background:transparent;color:#7771c7;font-size:11px;text-decoration:underline;cursor:pointer} .antibot-card.is-verified{border-color:#cfdfc8;background:#f0f6ed} .antibot-card.is-verified .antibot-instruction .section-tag,.antibot-card.is-verified .antibot-feedback{color:#587b4d} .antibot-card.is-verified .antibot-reset{display:none} .faucet-claim-panel{width:min(100%,660px);margin:20px auto;text-align:center;padding:22px;border:1px solid #e7ebe4;border-radius:16px;background:#fffefa} .faucet-claim-panel>.section-tag{display:block;margin-bottom:12px} .faucet-claim-panel .claim-button{width:min(100%,420px);min-height:54px;font-size:15px} .faucet-claim-panel .claim-message{font-size:13px} @media(max-width:900px){.overview-more-grid{grid-template-columns:1fr}.overview-more-grid>.page-ad-slot{justify-self:center}.token-rate-list{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:640px){ .page-ad-slot{margin:13px auto} .page-ad-slot.is-sticky{bottom:8px;max-width:calc(100vw - 16px)} .page-ad-slot.is-sticky.sticky-left{left:8px} .page-ad-slot.is-sticky.sticky-right{right:8px} .overview-more-grid{grid-template-columns:1fr;gap:13px} .overview-more-grid>.page-ad-slot{justify-self:center} .token-conversion-panel{min-height:0} .token-rate-list{grid-template-columns:repeat(2,minmax(0,1fr))} .faucet-page{margin:17px auto 10px} .faucet-stat-grid{gap:8px;margin:14px auto;grid-template-columns:repeat(3,minmax(0,1fr))} .faucet-stat-card{min-height:87px;padding:12px 9px;gap:8px;border-radius:12px} .faucet-stat-card>span{font-size:9px;letter-spacing:.04em} .faucet-stat-card>strong{font-size:16px} .faucet-stat-card>strong small{font-size:9px} .antibot-card,.faucet-claim-panel{padding:17px 13px} .antibot-instruction h2{font-size:17px} .antibot-symbol-grid{gap:7px} .antibot-symbol{width:45px;height:45px} } @media(max-width:760px){.ad-network-codes{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-network-form{grid-template-columns:1fr}.placement-cards{grid-template-columns:1fr}.advertising-panel{padding:16px}.ad-delivery-form{align-items:stretch}.ad-delivery-form label{min-width:100%}} @media(max-width:520px){.ad-network-codes{grid-template-columns:1fr}.placement-page-select{align-items:stretch;flex-direction:column}.placement-page-select form{align-items:stretch;flex-direction:column}.placement-page-select select,.page-code-page-select select{width:100%}.page-code-page-select{align-items:stretch;flex-direction:column}.ad-editor-heading{align-items:flex-start}.ad-network-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-network-tile{min-height:102px;padding:12px}} .app-top-actions{display:flex;align-items:center;gap:9px} .app-top-icon{position:relative;width:38px;height:38px;display:grid;place-items:center;border:1px solid #e4e9e1;border-radius:12px;background:#fffefa;color:#596a5d;transition:background .16s,border-color .16s} .app-top-icon:hover{background:#edf3e9;border-color:#d5e0d2} .app-top-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .notification-menu{position:relative} .notification-dropdown{position:absolute;z-index:30;top:calc(100% + 10px);right:0;width:min(370px,calc(100vw - 28px));max-height:min(520px,calc(100vh - 92px));overflow:auto;padding:16px 17px 10px;border:1px solid #e2e8df;border-radius:15px;background:#fffefa;box-shadow:0 16px 42px #27382a24} .notification-dropdown[hidden]{display:none} .notification-dropdown h2{margin:0 0 7px;color:#26362c;font:700 15px Manrope,sans-serif} .notification-dropdown-list{display:grid} .notification-dropdown-item{padding:12px 0;border-top:1px solid #edf0e9} .notification-dropdown-item h3{margin:0;color:#34443a;font:650 12px Manrope,sans-serif;line-height:1.5} .notification-dropdown-item p{margin:5px 0;color:#68756c;font-size:11px;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere} .notification-dropdown-item time{color:#98a198;font-size:9px} .notification-dropdown-state{margin:12px 0 14px;color:#78847b;font-size:12px;line-height:1.6} .notification-count{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border:2px solid #f3f5f0;border-radius:20px;background:#d85345;color:#fff;font-size:9px;line-height:1;font-weight:700} .app-top-user{color:#859087;font-size:11px} .notification-page-heading{padding-top:34px} .notification-list-panel{max-width:920px;margin:0 auto;background:#fffefa;border:1px solid #e7ebe4;border-radius:17px;padding:8px 22px} .member-notification{display:flex;gap:14px;padding:20px 2px;border-bottom:1px solid #edf0e9} .member-notification:last-child{border-bottom:0} .member-notification-mark{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#f0f3ed;color:#9da99e;font-size:11px} .member-notification.was-unread .member-notification-mark{background:#e6f0df;color:#659452} .member-notification-copy{min-width:0;flex:1} .member-notification-heading{display:flex;align-items:center;gap:10px} .member-notification-heading h2{margin:0;font:650 16px Manrope;color:#24332c} .new-notification-label{padding:4px 7px;border-radius:20px;background:#e8f1e2;color:#638451;font-size:9px;font-weight:700;letter-spacing:.08em} .member-notification-copy p{margin:9px 0;color:#6d7971;font-size:13px;line-height:1.7;overflow-wrap:anywhere} .member-notification-copy time{color:#9aa39a;font-size:10px} .notification-compose-form{display:grid;gap:14px} .notification-compose-form label{display:grid;gap:7px;color:#45534b;font-size:12px;font-weight:600} .notification-compose-form input,.notification-compose-form textarea{width:100%;padding:12px 13px;border:1px solid #dfe4db;border-radius:10px;background:#fffefa;color:var(--ink);font:400 13px/1.6 'DM Sans',sans-serif;resize:vertical} .notification-compose-form input:focus,.notification-compose-form textarea:focus{outline:0;border-color:#76956e;box-shadow:0 0 0 3px #809a6e1a} .notification-compose-form .button{justify-self:start} .notification-admin-history{margin-top:16px} .notification-admin-list article{display:flex;justify-content:space-between;gap:22px;padding:15px 0;border-top:1px solid #edf0e9} .notification-admin-list h3{margin:0;font:650 14px Manrope} .notification-admin-list p{margin:6px 0 0;color:#78847b;font-size:12px;line-height:1.65} .notification-admin-list small{flex:none;color:#99a198;font-size:10px} .app-top-actions{margin-left:auto} .app-top-user{display:none} .faucet-page{width:min(100%,1320px)} .faucet-middle-layout{display:grid;grid-template-columns:300px minmax(360px,1fr) 300px;gap:14px;align-items:start;transition:grid-template-columns .28s cubic-bezier(.2,.7,.2,1)} .faucet-middle-layout:not(.has-left-ads):not(.has-right-ads){grid-template-columns:minmax(0,1fr)} .faucet-middle-layout.has-left-ads:not(.has-right-ads){grid-template-columns:300px minmax(360px,1fr)} .faucet-middle-layout.has-right-ads:not(.has-left-ads){grid-template-columns:minmax(360px,1fr) 300px} .faucet-ad-rail[hidden]{display:none!important} .faucet-ad-rail{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-content:start} .faucet-ad-rail>.page-ad-slot{margin:0 auto;justify-self:center;width:300px;max-width:100%} .faucet-middle-content{min-width:0;display:grid;justify-items:center;align-content:start;gap:3px} .faucet-middle-content>.antibot-card,.faucet-middle-content>.faucet-claim-panel{width:100%;max-width:660px} .faucet-middle-content>.page-ad-slot{width:300px;max-width:100%;margin:15px auto} .faucet-middle-content>.page-ad-slot[data-placement-key="faucet:faucet_after_claim"]{box-sizing:border-box;width:fit-content;max-width:100%;margin:15px auto} @media(max-width:1180px){.faucet-middle-layout,.faucet-middle-layout.has-left-ads:not(.has-right-ads),.faucet-middle-layout.has-right-ads:not(.has-left-ads){grid-template-columns:minmax(0,1fr)}.faucet-middle-content{order:0}.faucet-ad-rail{grid-template-columns:repeat(2,minmax(0,300px));justify-content:center;order:1}.faucet-middle-layout>.faucet-ad-rail:last-child{order:2}} @media(max-width:640px){.faucet-middle-layout{gap:12px}.faucet-ad-rail{grid-template-columns:minmax(0,1fr)}.faucet-middle-content>.page-ad-slot{margin:12px auto}.faucet-middle-content>.page-ad-slot[data-placement-key="faucet:faucet_after_claim"]{margin:12px auto}} @media(max-width:640px){.app-top{height:61px}.notification-list-panel{padding:4px 14px}.member-notification{gap:10px;padding:16px 0}.member-notification-heading h2{font-size:14px}.member-notification-copy p{font-size:12px}.notification-admin-list article{display:block}.notification-admin-list small{display:block;margin-top:8px}} @media(min-width:641px){.sidebar .brand{padding-bottom:24px}.sidebar .nav-label{padding-bottom:5px}.sidebar nav{gap:2px}.sidebar nav a{padding-top:9px;padding-bottom:9px}} /* Keep the faucet centered between its side ad rails, even when one rail has no eligible ad. */ .faucet-page{container-type:inline-size} .faucet-middle-layout, .faucet-middle-layout:not(.has-left-ads):not(.has-right-ads), .faucet-middle-layout.has-left-ads:not(.has-right-ads), .faucet-middle-layout.has-right-ads:not(.has-left-ads){grid-template-columns:300px minmax(360px,660px) 300px;justify-content:center} .faucet-middle-layout>.faucet-ad-rail:first-child{grid-column:1} .faucet-middle-layout>.faucet-middle-content{grid-column:2} .faucet-middle-layout>.faucet-ad-rail:last-child{grid-column:3} @container (max-width:1000px){ .faucet-middle-layout, .faucet-middle-layout:not(.has-left-ads):not(.has-right-ads), .faucet-middle-layout.has-left-ads:not(.has-right-ads), .faucet-middle-layout.has-right-ads:not(.has-left-ads){grid-template-columns:minmax(0,1fr);justify-content:stretch} .faucet-middle-layout>.faucet-middle-content{grid-column:1;grid-row:1} .faucet-middle-layout>.faucet-ad-rail:first-child{grid-column:1;grid-row:2} .faucet-middle-layout>.faucet-ad-rail:last-child{grid-column:1;grid-row:3} .faucet-middle-content{width:100%} } .withdraw-page{container-type:inline-size} .withdraw-main-layout{display:grid;grid-template-columns:minmax(0,1080px);justify-content:center;align-items:start;margin-bottom:16px} @container (max-width:1040px){ .withdraw-main-layout{grid-template-columns:minmax(0,1fr);justify-content:stretch} } .withdraw-form{display:grid;gap:14px;min-width:0} .recent-addresses{margin-top:-2px} .withdraw-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);grid-template-areas:"coins inputs";gap:24px;align-items:start} .withdraw-coin-column{grid-area:coins} .withdraw-input-column{grid-area:inputs} .withdraw-input-column>[data-placement-key="withdraw:withdraw_between_sections"]{width:min(100%,468px);margin:0;justify-self:start} .withdraw-coin-column,.withdraw-input-column{display:grid;gap:17px;min-width:0} .withdraw-coin-column .recent-addresses{margin-top:0} .withdraw-input-column .available-balance{margin:0} .withdraw-input-column>.withdraw-note{margin:0} .withdraw-input-column>.turnstile-block{margin:0;max-width:100%} .withdraw-input-column>.button{margin-top:2px} .withdraw-input-column>#withdraw-message{min-height:0} .recent-addresses>span{display:block;margin-bottom:8px;color:#829087;font-size:11px;font-weight:650} .recent-address-list{display:flex;flex-wrap:wrap;gap:7px} .recent-address-button{display:flex;align-items:center;gap:8px;max-width:100%;padding:8px 10px;border:1px solid #e5eae2;border-radius:10px;background:#f9faf6;color:#415047;text-align:left;cursor:pointer;transition:border-color .15s,background .15s} .recent-address-button:hover{border-color:#9caf94;background:#f1f5ed} .recent-address-button strong{flex:none;color:#587750;font-size:10px} .recent-address-button span{overflow:hidden;max-width:240px;color:#78847b;font-size:10px;text-overflow:ellipsis;white-space:nowrap} @container (max-width:820px){.withdraw-workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"coins" "inputs";gap:18px}.withdraw-coin-column,.withdraw-input-column{gap:15px}} .ad-network-format{display:grid;grid-template-rows:auto minmax(110px,1fr) auto;gap:8px;align-content:start} .ad-format-cap{display:grid;gap:5px;padding:9px 10px;border:1px solid #e8ece5;border-radius:9px;background:#fafbf7} .ad-format-cap small{color:#839087;font-size:10px;line-height:1.4} .ad-format-cap input[type=number]{width:100%;min-width:0;padding:8px 9px;border:1px solid #dfe4db;border-radius:7px;background:#fff} .ptc-page{max-width:1320px;margin:0 auto} .ptc-heading{padding-top:24px;padding-bottom:8px;margin-bottom:0} .ptc-heading h1{margin-bottom:4px} .ptc-provider-tabs{display:flex;gap:8px;margin:3px 0 12px;padding:5px;width:max-content;max-width:100%;border:1px solid #e5eae2;border-radius:13px;background:#f7f8f4} .ptc-provider-tabs button,.ptc-provider-tabs a{min-width:112px;padding:10px 17px;border:0;border-radius:9px;background:transparent;color:#77847a;font:650 13px 'DM Sans';cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;transition:background .15s,color .15s,box-shadow .15s} .ptc-provider-tabs button:hover,.ptc-provider-tabs a:hover{color:#24332b} .ptc-provider-tabs button.is-active,.ptc-provider-tabs a.is-active{background:#fffefa;color:#24332b;box-shadow:0 2px 8px #1d302410} .ptc-adslab-panel{margin:18px 0 26px} .ptc-adslab-note{margin:0 0 16px;font-size:13px;line-height:1.6} .ptc-adslab-card .ptc-ad-reward strong{font-size:15px;overflow-wrap:anywhere;text-align:right} .ptc-adslab-grid{margin:8px 0 26px} .ptc-zerads-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:260px;margin:18px 0 26px;padding:28px;border:1px solid #e5eae2;border-radius:20px;background:#f7f8f4} .ptc-zerads-earned{display:grid;gap:7px;min-width:240px;text-align:center;color:#627067} .ptc-zerads-earned>span{font-size:11px;font-weight:750;letter-spacing:.13em;text-transform:uppercase} .ptc-zerads-earned>strong{color:#24332b;font:750 clamp(24px,3vw,34px) Manrope,sans-serif;line-height:1.2} .ptc-zerads-earned small{font:650 14px 'DM Sans',sans-serif;color:#77847a} .ptc-zerads-start{min-height:58px;padding:16px 26px;gap:10px;border:1px solid #d9e1d7;background:#fffefa;color:#24332b;text-decoration:none;box-shadow:0 8px 24px #1d302410} .ptc-zerads-start:hover{border-color:#aebcae;background:#fff;color:#17241d;transform:translateY(-1px)} .ptc-zerads-start:focus-visible{outline:3px solid #8dafff;outline-offset:3px} .ptc-ad-grid,.ptc-viewed-grid{display:flex;flex-wrap:wrap;justify-content:space-between;column-gap:18px;row-gap:20px} .ptc-ad-grid{margin:8px 0 26px} .ptc-ad-card{display:flex;flex:0 1 300px;flex-direction:column;box-sizing:border-box;width:300px;max-width:100%;height:250px;min-width:0;padding:16px;border:1px solid #e4e9e1;border-radius:16px;background:#fffefa;box-shadow:0 8px 25px #1d302408;overflow:hidden} .ptc-ad-card-top{display:flex;align-items:center;justify-content:space-between} .ptc-ad-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#edf2e9;color:#6f8d67;font-size:19px} .ptc-ad-time{padding:6px 9px;border-radius:999px;background:#f3f5ef;color:#77847a;font-size:11px;font-weight:650} .ptc-ad-card h2{margin:10px 0 5px;font:650 17px/1.25 Manrope;letter-spacing:-.035em;color:#1c2924;overflow-wrap:anywhere} .ptc-ad-card>p{display:-webkit-box;min-height:0;margin:0;color:#7c8980;font-size:12px;line-height:1.45;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} .ptc-ad-reward{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:9px 0;padding:8px 11px;border:1px solid #e9eee6;border-radius:11px;background:#fafbf7} .ptc-ad-reward>span{color:#8b978d;font-size:10px;font-weight:700;letter-spacing:.08em} .ptc-ad-reward strong{font:700 20px Manrope;color:#375943} .ptc-ad-reward small{font:600 11px 'DM Sans';color:#88948a} .ptc-ad-card>.button{min-height:38px;margin-top:auto} .ptc-ad-card.is-completed{opacity:.75} .ptc-visit-progress{margin-top:11px;padding:12px;border-radius:10px;background:#f3f6ef} .ptc-visit-progress p{margin:0 0 9px;color:#65776a;font-size:12px;line-height:1.55} .ptc-visit-progress .button{min-height:36px} .ptc-ad-status{min-height:0;margin-top:8px;color:#a15b45;font-size:11px;line-height:1.5} .ptc-ad-status:empty{display:none} .ptc-ad-status.is-success{color:#56804e} .ptc-captcha{margin-top:12px;padding:14px;border:1px solid #e2e4f3;border-radius:12px;background:#f3f2ff;text-align:center} .ptc-captcha-heading{display:grid;gap:4px;color:#5c57b5;font-size:12px} .ptc-captcha-heading b{font-size:13px} .ptc-captcha-targets{display:flex;justify-content:center;gap:7px;margin:11px 0} .ptc-captcha-targets span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:white;color:#5c57b5;font-size:17px} .ptc-captcha-choices{display:flex;justify-content:center;flex-wrap:wrap;gap:6px} .ptc-symbol{width:38px;height:38px;border:1px solid #e2e2f1;border-radius:9px;background:white;color:#4a554e;font-size:19px;cursor:pointer} .ptc-symbol.is-picked{background:#e2e0ff;border-color:#817be0;color:#514bb7} .ptc-symbol.is-wrong{background:#fff0ed;border-color:#d77565;color:#a84737} .ptc-symbol:disabled{opacity:.66;cursor:default} .ptc-captcha-feedback{min-height:18px;margin:8px 0 2px;color:#77748f;font-size:11px} .ptc-captcha-feedback.is-success{color:#56804e} .ptc-captcha-actions{display:flex;justify-content:center;gap:12px} .ptc-captcha-reset{border:0;background:transparent;color:#716bbd;font-size:10px;text-decoration:underline;cursor:pointer} .ptc-empty{max-width:700px;margin:5px auto;padding:34px;text-align:center} .ptc-empty h2{margin:11px 0 5px;font:650 22px Manrope} .ptc-empty p{margin:0} .ptc-admin-intro{margin:12px 0;padding:18px 20px} .ptc-admin-intro h2{margin:7px 0;font:650 19px Manrope} .ptc-admin-intro p{max-width:850px;margin:0;line-height:1.65} .ptc-adslab-control{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0;padding:18px 20px} .ptc-adslab-control h2{margin:7px 0;font:650 19px Manrope} .ptc-adslab-control p{margin:0;max-width:760px} .ptc-adslab-control-action{display:flex;align-items:center;gap:12px;flex:0 0 auto} .ptc-adslab-control-action form{margin:0} .ptc-admin-editor,.ptc-admin-list{margin:16px 0;padding:21px} .ptc-admin-form{max-width:760px} .ptc-admin-form label{margin:9px 0} .ptc-admin-form input,.ptc-admin-form textarea,.ptc-admin-form select{width:100%;padding:10px 11px;border:1px solid #dfe4db;border-radius:9px;background:#fff;color:#25342d} .ptc-admin-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .ptc-admin-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:12px} .ptc-admin-card{min-width:0;padding:16px;border:1px solid #e5eae2;border-radius:12px;background:#fff} .ptc-admin-card-top{display:flex;align-items:start;justify-content:space-between;gap:12px} .ptc-admin-card h3{margin:9px 0 0;font:650 16px Manrope;overflow-wrap:anywhere} .ptc-admin-card>p{color:#738078;font-size:12px;line-height:1.55;overflow-wrap:anywhere} .ptc-admin-meta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0} .ptc-admin-meta span{padding:5px 8px;border-radius:999px;background:#f1f4ee;color:#65736a;font-size:10px} .ptc-admin-url{display:block;overflow:hidden;color:#64806a;font-size:10px;text-overflow:ellipsis;white-space:nowrap} .ptc-delete-form{margin-top:10px;text-align:right} @media(max-width:640px){.ptc-ad-card{padding:16px}.ptc-ad-card>p{min-height:0}.ptc-admin-fields{grid-template-columns:1fr}.ptc-admin-editor,.ptc-admin-list{padding:16px}.ptc-adslab-control{align-items:flex-start;flex-direction:column;padding:16px}.ptc-adslab-control-action{flex-wrap:wrap}} .ptc-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 22px} .ptc-summary>article{min-width:0;padding:17px 19px;border:1px solid #e5eae2;border-radius:14px;background:#fffefa} .ptc-summary>article>span{display:block;color:#839087;font-size:10px;font-weight:750;letter-spacing:.09em} .ptc-summary>article>strong{display:block;margin-top:8px;color:#1d2b25;font:700 21px/1.2 Manrope;overflow-wrap:anywhere} .ptc-summary small{color:#819087;font:600 11px 'DM Sans'} .ptc-progress-summary .ptc-progress-track{height:7px;margin:10px 0 6px;overflow:hidden;border-radius:9px;background:#e9eee6} .ptc-progress-track i{display:block;height:100%;border-radius:inherit;background:#73936b;transition:width .25s ease} .ptc-progress-summary>small{font-size:10px} .ptc-sort{display:flex;align-items:center;gap:8px;color:#77847a;font-size:12px} .ptc-sort select{min-height:38px;padding:7px 28px 7px 10px;border:1px solid #e1e7de;border-radius:9px;background:#fffefa;color:#27372f;font:500 12px 'DM Sans'} .ptc-offers-section,.ptc-viewed-section{margin:22px 0} .ptc-section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:14px 0} .ptc-section-heading h2{margin:5px 0 0;font:650 23px/1.2 Manrope;letter-spacing:-.035em} .ptc-section-heading>.muted{font-size:12px} .ptc-grid-ad{display:flex;box-sizing:border-box;justify-content:center;align-items:center;width:300px;max-width:100%;height:250px;min-height:250px;padding:0;overflow:hidden} .ptc-grid-ad .page-ad-slot{box-sizing:border-box;width:300px;max-width:100%;height:250px;margin:0;flex:none} .ptc-grid-ad:has(.page-ad-slot[hidden]:not([data-slot-reserved="1"])){display:none} .ptc-ad-card.is-current{border-color:#cad8c6;box-shadow:0 0 0 2px #e8eee4} .ptc-viewed-card{display:flex;flex:0 1 300px;box-sizing:border-box;flex-direction:column;width:300px;max-width:100%;height:250px;min-width:0;padding:16px;border:1px solid #e5eae2;border-radius:16px;background:#fffefa;overflow:hidden} .ptc-viewed-card h3{margin:10px 0 5px;font:650 16px/1.25 Manrope;overflow-wrap:anywhere} .ptc-viewed-card>p{display:-webkit-box;flex:1;min-height:0;margin:0;color:#7c8980;font-size:12px;line-height:1.5;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden} .ptc-viewed-time{color:#829087;font-size:10px} .ptc-viewed-card .ptc-ad-reward{margin:13px 0} .ptc-history-scroll{max-width:100%;overflow:auto} .ptc-history-table{width:100%;border-collapse:collapse;font-size:12px} .ptc-history-table th,.ptc-history-table td{padding:11px 10px;border-bottom:1px solid #edf0ea;text-align:left;white-space:nowrap} .ptc-history-table th{color:#77847a;font-size:10px;letter-spacing:.06em;text-transform:uppercase} .ptc-live-timer{margin:20px 0;padding:22px 24px;border:1px solid #dce6d8;border-radius:16px;background:#f1f5ed} .ptc-visit-modal{position:fixed;inset:0;z-index:2147483005;display:grid;place-items:center;box-sizing:border-box;padding:22px;background:#14221db3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)} .ptc-visit-modal[hidden]{display:none!important} .ptc-visit-modal .ptc-live-timer{box-sizing:border-box;width:min(620px,100%);max-height:calc(100vh - 44px);margin:0;overflow:auto;box-shadow:0 24px 70px #0e1c1640} body.ptc-modal-open{overflow:hidden} .ptc-live-head{display:flex;align-items:center;justify-content:space-between;gap:18px} .ptc-live-head h2{margin:6px 0 0;font:650 21px/1.25 Manrope;letter-spacing:-.03em;color:#1f3027} .ptc-live-clock{min-width:104px;padding:12px 14px;border:1px solid #dfe7db;border-radius:12px;background:#fffefa;text-align:center;color:#254532;font:750 26px/1 Manrope;font-variant-numeric:tabular-nums} .ptc-live-timer>p{margin:12px 0;color:#6e7f72;font-size:13px;line-height:1.6} .ptc-live-timer>[data-ptc-open-ad]{margin:0 0 4px} .ptc-main-captcha{max-width:700px;margin:15px auto 0;padding:15px;border:1px solid #e2e4f3;border-radius:12px;background:#f3f2ff;text-align:center} .ptc-main-captcha .ptc-captcha-targets{margin-top:9px} .ptc-main-captcha .ptc-captcha-feedback{font-size:12px} .turnstile-block{display:grid;justify-items:center;gap:8px;margin:12px 0 4px;padding:12px;border:1px solid #e5eae2;border-radius:12px;background:#fffefa} .turnstile-label{color:#68766d;font-size:11px;font-weight:700;letter-spacing:.04em} .cf-turnstile-explicit{min-height:65px;min-width:300px} .turnstile-block .form-error{margin:0;font-size:11px} .session-ad-bait{position:fixed;top:0;left:-5000px;display:block;width:468px;height:60px;overflow:hidden;opacity:1;pointer-events:none;z-index:-1} .session-adblock-wall{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:24px;background:rgba(20,29,26,.76);backdrop-filter:blur(8px)} .session-adblock-wall[hidden]{display:none!important} .session-adblock-card{width:min(100%,480px);padding:34px;border:1px solid #e2e9e1;border-radius:22px;background:#f8f8f2;box-shadow:0 24px 80px #0004;text-align:center} .session-adblock-card h2{margin:12px 0;font:700 clamp(24px,4vw,34px) Manrope;color:#1b2823} .session-adblock-card p{margin:0 auto 22px;max-width:370px;color:#6f7d73;font-size:15px;line-height:1.65} .session-adblock-active{overflow:hidden} .turnstile-admin-settings{display:grid;gap:12px;margin:18px 0;padding:17px;border:1px solid #e5eae2;border-radius:13px;background:#fafbf8} .turnstile-admin-settings>p{margin:0} .turnstile-admin-settings label{margin:0} .turnstile-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} .turnstile-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e5eae2;border-radius:10px;background:#fffefa} .turnstile-toggle span{display:grid;gap:3px} .turnstile-toggle b{color:#24332b;font-size:13px} .turnstile-toggle small{color:#77847a;font-size:11px} .turnstile-toggle input[type=checkbox]{width:18px;height:18px;accent-color:#2c493d} .ptc-captcha-checks{display:flex;align-items:center;justify-content:center;gap:14px} .ptc-anti-bot-block,.ptc-captcha-checks>.turnstile-block{flex:1;min-width:0} .ptc-captcha-checks>.turnstile-block{margin:0} @media(max-width:620px){.ptc-captcha-checks{flex-direction:column;align-items:stretch}.ptc-anti-bot-block,.ptc-captcha-checks>.turnstile-block{width:100%}.cf-turnstile-explicit{min-width:0;max-width:100%}.turnstile-toggle-grid{grid-template-columns:1fr}} @media(max-width:1000px){.ptc-summary{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.ptc-summary>article{padding:14px}.ptc-section-heading{align-items:flex-start;flex-direction:column}.ptc-sort{width:100%;justify-content:space-between}.ptc-sort select{flex:1}.ptc-live-timer{padding:17px}.ptc-live-clock{min-width:88px;padding:10px;font-size:22px}} /* Shared inline icon system: lightweight Lucide-style strokes using the site palette. */ .site-icon{display:inline-block;flex:0 0 auto;vertical-align:middle} .sidebar nav a .site-icon{width:20px;height:20px;stroke-width:1.75} .sidebar nav a{display:flex;align-items:center} .step-icon .site-icon{width:22px;height:22px} .proof-dots .site-icon{width:13px;height:13px} .proof-arrow .site-icon{width:14px;height:14px} .preview-top .site-icon{width:17px;height:17px} .preview-feature>span .site-icon{width:16px;height:16px} .activity-icon .site-icon{width:17px;height:17px} .empty-state>span .site-icon{width:23px;height:23px} .ptc-ad-mark .site-icon{width:19px;height:19px} .member-notification-mark .site-icon{width:17px;height:17px} .ad-network-tile-mark .site-icon{width:18px;height:18px} .menu-toggle .site-icon{width:22px;height:22px} .button .site-icon,.text-link .site-icon,.side-logout .site-icon{width:14px;height:14px} @media(max-width:640px){.sidebar nav a .site-icon{width:19px;height:19px}.menu-toggle .site-icon{width:21px;height:21px}} .faq-list summary>span .site-icon{width:15px;height:15px;transition:transform .18s} .faq-list details[open] summary>span .site-icon{transform:rotate(45deg)} .activity-icon .site-icon{width:17px;height:17px} .games-heading{padding-bottom:24px} .games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;margin:0 0 44px} .game-card{display:flex;min-height:270px;flex-direction:column;align-items:flex-start;padding:25px;border:1px solid var(--line);border-radius:19px;background:var(--card);box-shadow:0 8px 24px #1c302708;transition:transform .18s,box-shadow .18s} .game-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px #1c302710} .game-card-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#edf2e9;color:#66815e} .game-card-icon .site-icon{width:29px;height:29px} .game-card-copy{width:100%;flex:1} .game-card-copy h2{margin:19px 0 8px;font:650 20px/1.25 Manrope;letter-spacing:-.04em} .game-card-copy p{display:-webkit-box;margin:0 0 18px;color:#77847b;font-size:14px;line-height:1.65;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden} .game-card-action{align-self:stretch;gap:9px;padding:13px 17px} .games-empty{margin-bottom:42px;padding:34px} .games-empty h2{margin:12px 0 6px} .games-empty p{margin:0} .games-admin-intro{margin-bottom:18px} .games-admin-intro h2{margin:10px 0 5px} .games-admin-intro p{margin:0} .games-admin-editor,.games-admin-list{margin-bottom:18px} .games-admin-form{max-width:700px} .games-admin-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .games-admin-form input,.games-admin-form textarea,.games-admin-form select{width:100%;border:1px solid #dfe4db;padding:11px;border-radius:9px;background:#fff;color:var(--ink)} .games-admin-form select{min-height:42px} .games-admin-cards{display:grid;gap:12px;margin-top:17px} .games-admin-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:14px;padding:16px;border:1px solid #e8ece4;border-radius:14px;background:#fafbf7} .games-admin-card .game-card-icon{width:42px;height:42px;border-radius:12px} .games-admin-card .game-card-icon .site-icon{width:23px;height:23px} .games-admin-card-copy h3{margin:8px 0 4px;font:650 16px Manrope} .games-admin-card-copy p{margin:0 0 7px;color:#77847b;font-size:13px;line-height:1.5;overflow-wrap:anywhere} .games-admin-card-copy small{color:#8b978d;font-size:11px} .games-admin-card-actions{display:flex;gap:8px;align-items:center} .button-danger{border:1px solid #f0d9d1;background:#fff7f4;color:#a54e36} .button-danger:hover{background:#fbe8e1} @media(max-width:640px){.games-grid{gap:13px}.game-card{min-height:240px;padding:20px}.games-admin-fields{grid-template-columns:1fr;gap:0}.games-admin-card{grid-template-columns:38px minmax(0,1fr)}.games-admin-card-actions{grid-column:2;justify-content:flex-start}} .game-card{min-height:210px;padding:22px} .game-card-main{display:grid;width:100%;grid-template-columns:76px minmax(0,1fr);align-items:start;gap:16px;flex:1} .game-card-image{display:grid;width:76px;height:76px;place-items:center;overflow:hidden;border:1px solid #e8ece4;border-radius:17px;background:#edf2e9;color:#66815e} .game-card-image img{display:block;width:100%;height:100%;object-fit:cover} .game-card-image .site-icon{width:30px;height:30px} .game-card-copy{min-width:0} .game-card-copy h2{margin:2px 0 8px} .game-card-copy p{-webkit-line-clamp:5} .game-card-action{margin-top:20px} .games-image-upload{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:16px;padding:14px;border:1px solid #e8ece4;border-radius:13px;background:#fafbf7} .games-image-upload>img{width:84px;height:84px;object-fit:cover;border:1px solid #e0e7dc;border-radius:14px;background:#edf2e9} .games-image-upload label{margin:0} .games-image-upload input[type=file]{padding:8px;background:#fff} .games-admin-card .game-card-image{width:44px;height:44px;border-radius:12px} .games-admin-card .game-card-image .site-icon{width:23px;height:23px} .admin-game-image{width:42px;height:42px;border-radius:12px} @media(max-width:640px){.game-card{min-height:0;padding:18px}.game-card-main{grid-template-columns:62px minmax(0,1fr);gap:13px}.game-card-image{width:62px;height:62px;border-radius:14px}.games-image-upload{grid-template-columns:64px minmax(0,1fr);gap:12px}.games-image-upload>img{width:64px;height:64px}.games-image-upload input[type=file]{max-width:100%;font-size:12px}} .games-image-upload{grid-template-columns:110px minmax(0,1fr);align-items:start;gap:18px;padding:18px;border-color:#e2e8df;background:linear-gradient(145deg,#fafbf8,#f5f7f2)} .games-image-preview{display:grid;gap:7px;justify-items:center} .games-image-upload .games-image-preview>img{width:88px;height:88px;border-radius:16px;box-shadow:0 4px 13px #1d30240d} .games-image-preview>span{color:#89958c;font-size:10px;font-weight:650;letter-spacing:.04em} .games-image-upload-content{min-width:0} .games-image-file-label{display:grid;gap:9px;color:#29362f;font-size:13px;font-weight:650} .games-image-file-label>span{display:flex;align-items:center;gap:9px} .games-image-file-label>span b{padding:3px 7px;border-radius:999px;background:#eaf0e5;color:#61775c;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase} .games-image-upload .games-image-file-label input[type=file]{width:100%;min-height:44px;padding:8px 10px;border:1px solid #dfe6dc;border-radius:9px;background:#fff;color:#66736a;font-size:12px} .games-image-help{margin:8px 0 11px;color:#68766d;font-size:12px;line-height:1.5} .games-image-specs{display:flex;flex-wrap:wrap;gap:7px} .games-image-specs span{display:grid;gap:3px;padding:8px 10px;border:1px solid #e7ebe4;border-radius:9px;background:#fff;color:#657268;font-size:11px;line-height:1.35} .games-image-specs b{color:#38483e;font-size:9px;letter-spacing:.06em;text-transform:uppercase} .games-image-note{margin:10px 0 0;color:#879289;font-size:11px;line-height:1.45} @media(max-width:640px){.games-image-upload{grid-template-columns:1fr;padding:14px;gap:13px}.games-image-preview{grid-template-columns:58px auto;align-items:center;justify-items:start;gap:11px}.games-image-upload .games-image-preview>img{width:58px;height:58px;border-radius:12px}.games-image-specs{display:grid;grid-template-columns:1fr 1fr}.games-image-specs span:last-child{grid-column:1/-1}} /* Referral program */ .referral-link-panel{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(320px,1.2fr);align-items:center;gap:24px;margin-bottom:16px} .referral-link-panel>div>p,.referral-policy-note{color:#849087;font-size:13px;line-height:1.65;margin:8px 0 0} .referral-link-copy{display:flex;gap:9px;min-width:0} .referral-link-copy input{flex:1;min-width:0;border:1px solid #dfe5db;border-radius:11px;background:#fbfcf8;padding:12px 14px;color:#405148;font:500 13px 'DM Sans',sans-serif} .referral-metrics{margin:16px 0} .referral-policy-note{margin:16px 2px 22px} .referral-members,.referral-rewards{margin-top:16px} .referral-invite-note{padding:10px 12px;border-radius:10px;background:#edf3e9;color:#667867;font-size:12px} .referral-invite-note strong{color:#263d32} .referral-admin-form{max-width:720px;margin:18px 0 24px} .referral-admin-form label small{color:#839087;font-weight:400;line-height:1.55} @media(max-width:760px){.referral-link-panel{grid-template-columns:1fr;gap:14px}.referral-link-copy{align-items:stretch}.referral-link-copy .button{padding-inline:13px}} .maintenance-control-panel{max-width:680px;margin-top:20px;padding:28px} .maintenance-control-panel h2{margin:11px 0 8px} .maintenance-control-panel>p{color:#7d8981;font-size:14px;line-height:1.7} .maintenance-control-panel form{margin:22px 0 14px} .maintenance-control-panel>small{display:block;color:#8a958d;font-size:12px;line-height:1.6} .admin-user-overview-metrics,.admin-user-metrics{margin:18px 0} .admin-users-panel{margin-top:18px} .admin-users-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px} .admin-users-toolbar p{margin:6px 0 0;color:#87938a;font-size:12px} .admin-user-search{display:flex;gap:8px;align-items:center} .admin-user-search input{width:min(290px,38vw);min-width:140px;padding:10px 12px;border:1px solid #dfe4db;border-radius:10px;background:#fffefa;font-size:13px} .admin-user-link{color:#355a46;font-weight:600} .admin-user-link:hover{text-decoration:underline} .admin-user-id{display:block;margin-top:5px;color:#8b968e;font-size:11px;line-height:1.45} .admin-pagination{display:flex;justify-content:center;align-items:center;gap:18px;padding:18px 0 0;color:#77857a;font-size:12px} .admin-pagination a{color:#355a46;font-weight:700} .admin-user-back{display:flex;justify-content:space-between;align-items:center;margin:14px 0;color:#66766b} .admin-user-profile-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:15px;margin-top:16px;align-items:start} .admin-user-edit-panel h2,.admin-balance-panel h2{margin:8px 0 14px} .admin-user-form{max-width:none;margin:12px 0 0} .admin-user-form label{display:grid;gap:7px;margin:12px 0;font-size:13px} .admin-user-form input,.admin-user-form select,.admin-user-form textarea{width:100%;padding:11px 12px;border:1px solid #dfe4db;border-radius:9px;background:#fff;font-size:14px;color:#26372e} .admin-user-form label small{color:#89958d;font-size:11px;font-weight:400} .admin-user-meta{display:grid;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid #edf0e9;color:#859188;font-size:12px} .admin-user-meta span{display:flex;justify-content:space-between;gap:10px} .admin-user-meta b{color:#526157;text-align:right;font-weight:600} .admin-balance-panel>p{color:#87938a;font-size:13px;line-height:1.6} .admin-balance-panel>p strong{color:#304337} .admin-user-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:15px 0} .admin-breakdown{display:grid;gap:12px;margin-top:17px} .admin-breakdown>div{display:flex;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid #edf0e9;color:#849087;font-size:12px} .admin-breakdown b{color:#425248;text-align:right} .admin-ip-list{display:grid;gap:10px;margin:15px 0} .admin-ip-list>div{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 0;border-top:1px solid #edf0e9} .admin-ip-list code,.admin-user-data-panel code{overflow-wrap:anywhere;color:#40594a;font-size:12px} .admin-ip-list span{color:#8b968e;font-size:11px;text-align:right} .admin-user-data-panel{margin:15px 0} .admin-user-data-panel table{min-width:700px} @media(max-width:850px){.admin-user-profile-grid{grid-template-columns:1fr}.admin-user-summary-grid{grid-template-columns:1fr 1fr}} @media(max-width:600px){.admin-users-toolbar{align-items:stretch;flex-direction:column}.admin-user-search input{flex:1;width:auto}.admin-user-summary-grid{grid-template-columns:1fr}.admin-user-meta span{align-items:flex-start;flex-direction:column;gap:2px}.admin-user-meta b{text-align:left}.admin-user-back{align-items:flex-start;flex-direction:column;gap:8px}} .lottery-page{width:min(1100px,calc(100% - 40px));margin:0 auto;padding:130px 0 70px}.lottery-page-app{width:100%;padding:35px 0 60px}.lottery-heading{margin:0 0 24px}.lottery-heading h1{font:600 clamp(30px,4vw,48px)/1.08 Manrope;letter-spacing:-.065em;margin:12px 0}.lottery-heading p,.lottery-page .panel>p{color:#7f8b82;line-height:1.65;font-size:14px}.lottery-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.lottery-overview-grid .panel{min-height:145px}.lottery-overview-grid .panel>strong{display:block;font:600 clamp(25px,3vw,36px) Manrope;letter-spacing:-.06em;margin:17px 0 8px}.lottery-overview-grid .panel>strong small{font:500 12px 'DM Sans';letter-spacing:0;color:#859188}.lottery-overview-grid .panel>p{color:#859188;font-size:12px;line-height:1.5;margin:0}.lottery-pool-card{background:#29463a!important;color:white;border-color:#29463a!important}.lottery-pool-card .section-tag,.lottery-pool-card>p,.lottery-pool-card>strong small{color:#c7d8c7!important}.lottery-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;align-items:stretch}.lottery-main-grid .panel{padding:24px}.lottery-buy-panel h2,.lottery-fairness h2{font:600 22px Manrope;letter-spacing:-.05em;margin:10px 0}.lottery-buy-panel>p,.lottery-fairness>p{font-size:13px!important}.lottery-balance{padding:12px;background:#f1f4ed;border-radius:10px}.lottery-balance strong{color:#304b3b}.lottery-buy-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-top:17px}.lottery-buy-form label{display:grid;gap:6px;color:#68776c;font-size:12px;font-weight:600}.lottery-buy-form input{width:145px;padding:11px;border:1px solid #dfe4db;border-radius:9px;background:#fffefa}.lottery-buy-form small{flex-basis:100%;color:#87938a;font-size:11px}.lottery-ticket-details{margin:12px 0;color:#657368;font-size:12px}.lottery-ticket-details summary{cursor:pointer;font-weight:600}.lottery-ticket-details div{margin-top:8px;overflow-wrap:anywhere;line-height:1.8}.lottery-closed{padding:12px;border-radius:10px;background:#f7eee6;color:#9a634f}.lottery-seed{display:grid;gap:8px;padding:12px;border-radius:10px;background:#f1f4ed;margin:14px 0}.lottery-seed span{font-size:11px;color:#748178}.lottery-seed code,.lottery-results code,.admin-lottery-history code{font-size:10px;overflow-wrap:anywhere;color:#425b49}.lottery-fairness>small{font-size:11px;line-height:1.6;color:#819087}.lottery-lower-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:14px}.lottery-list{display:grid}.lottery-list>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #edf0e9;color:#68766d;font-size:12px}.lottery-list>div>:last-child{color:#40564a;text-align:right}.lottery-results{margin-top:14px}.lottery-results table{min-width:760px}.lottery-giveaway-total{padding-top:16px;margin-top:12px;border-top:1px solid #edf0e9;color:#7d8981;font-size:13px}.lottery-giveaway-total strong{color:#304b3b}.lottery-paused{margin-bottom:15px}.lottery-paused h2{margin-top:12px!important}.lottery-message{margin-bottom:14px}.admin-lottery-status{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:15px}.admin-lottery-status h2{margin:10px 0 5px}.admin-lottery-status p,.admin-lottery-form label small{font-size:12px;color:#859188;line-height:1.6}.admin-lottery-current{display:grid;gap:7px;min-width:min(360px,100%);padding:15px;background:#f0f4ed;border-radius:12px}.admin-lottery-current>span{font-size:10px;letter-spacing:.12em;color:#77877a}.admin-lottery-current strong{font:600 24px Manrope;color:#2d493a}.admin-lottery-current small,.admin-lottery-current code{font-size:10px;color:#7f8b82;overflow-wrap:anywhere}.admin-lottery-form{max-width:none;margin:0 0 16px}.admin-lottery-form input,.admin-lottery-form select{width:100%}.admin-lottery-form label small{display:block;font-weight:400}.admin-lottery-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}.admin-lottery-history{margin-bottom:35px}.admin-lottery-history table{min-width:850px}.stats-glass{gap:20px;padding:13px 22px}.stats-glass strong{font-size:22px}.stats-glass span{font-size:10px} @media(max-width:850px){.lottery-page{padding-top:110px}.lottery-overview-grid{grid-template-columns:1fr 1fr}.lottery-main-grid,.lottery-lower-grid{grid-template-columns:1fr}.admin-lottery-fields{grid-template-columns:1fr 1fr}.admin-lottery-status{align-items:stretch;flex-direction:column}.admin-lottery-current{min-width:0}} @media(max-width:600px){.lottery-page{width:calc(100% - 26px);padding:95px 0 45px}.lottery-page-app{width:100%;padding-top:24px}.lottery-overview-grid{grid-template-columns:1fr}.lottery-overview-grid .panel{min-height:120px}.lottery-buy-form{align-items:stretch;flex-direction:column}.lottery-buy-form input{width:100%}.admin-lottery-fields{grid-template-columns:1fr}.stats-glass{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;width:100%;padding:13px}.stats-glass>i{display:none}.stats-glass strong{font-size:20px}.stats-glass span{font-size:9px}} /* Keep the homepage hero statistics compact and centered on wide screens. */ .landing .hero-bottom{left:0;right:0;justify-content:center;padding:0 24px} .landing #stats.stats-glass{display:grid;width:min(850px,calc(100vw - 48px));grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr) 1px minmax(0,1fr) 1px minmax(0,1fr);align-items:center;justify-content:stretch;gap:clamp(12px,2vw,28px);padding:15px clamp(20px,3vw,38px)} .landing #stats.stats-glass>div{min-width:0;text-align:center} .landing #stats.stats-glass>i{display:block;height:32px;width:1px} .landing #stats.stats-glass strong{font-size:22px;white-space:nowrap} .landing #stats.stats-glass span{font-size:11px;white-space:nowrap} @media(max-width:640px){ .landing .hero-bottom{padding:0 16px} .landing #stats.stats-glass{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 16px;padding:13px 16px} .landing #stats.stats-glass>i{display:none} .landing #stats.stats-glass>div{text-align:left} .landing #stats.stats-glass strong{font-size:20px} .landing #stats.stats-glass span{font-size:9px;white-space:normal} } .referral-community-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start;margin:18px 0}.referral-community-ad{min-width:0;display:flex;justify-content:center;align-items:flex-start}.referral-community-layout .referral-members{min-width:0;margin:0}.referral-community-layout .referral-members .table-wrap{max-width:100%}.referral-community-layout .referral-members table{min-width:620px}.referral-community-layout .page-ad-slot{max-width:100%}.referral-community-layout .page-ad-content{max-width:100%} @media(max-width:900px){.referral-community-layout{grid-template-columns:minmax(0,1fr)}} .lottery-main-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr))}.lottery-fairness-ad:empty{display:none}.lottery-fairness-ad .page-ad-slot{margin:0 auto;max-width:100%} .ptc-progress-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.ptc-progress-heading>span{display:block;color:#839087;font-size:10px;font-weight:750;letter-spacing:.09em}.ptc-summary>.ptc-progress-summary>.ptc-progress-heading>strong{margin:0;font:700 21px/1.2 Manrope;color:#1d2b25;white-space:nowrap}.ptc-progress-summary .ptc-progress-track{margin:15px 0 0} /* Member balance control in the workspace top bar. */ .app-top{position:relative;z-index:10} .app-balance-dropdown{position:relative;z-index:1;color:#26372f} .app-balance-dropdown[open]{z-index:30} .app-balance-dropdown>summary{list-style:none;cursor:pointer} .app-balance-dropdown>summary::-webkit-details-marker{display:none} .app-balance-trigger{min-height:38px;display:flex;align-items:center;gap:9px;padding:5px 10px;border:1px solid #e4e9e1;border-radius:12px;background:#fffefa;color:#526456} .app-balance-trigger>svg:first-child{flex:none;width:16px;height:16px;stroke-width:1.8} .app-balance-trigger>svg:last-child{flex:none;width:13px;height:13px;transition:transform .18s} .app-balance-dropdown[open] .app-balance-trigger>svg:last-child{transform:rotate(180deg)} .app-balance-trigger-copy{display:grid;gap:1px;text-align:left;line-height:1.15} .app-balance-trigger-copy small{font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8c998e} .app-balance-trigger-copy strong{font:700 12px Manrope;color:#26372f;white-space:nowrap} .app-balance-trigger-copy i{font:600 9px 'DM Sans',sans-serif;color:#859187} .app-balance-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(330px,calc(100vw - 32px));padding:18px;border:1px solid #e3e9e0;border-radius:16px;background:#fffefa;box-shadow:0 18px 48px #1b302326;color:#26372f} .app-balance-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid #edf0e9} .app-balance-panel-heading>span{font-size:9px;font-weight:750;letter-spacing:.1em;color:#839087} .app-balance-panel-heading>strong{font:700 17px Manrope;white-space:nowrap} .app-balance-panel-heading small{font:600 10px 'DM Sans',sans-serif;color:#839087} .app-balance-panel>p{margin:14px 0 8px;color:#77847b;font-size:11px} .app-balance-coin-list{display:grid;grid-template-columns:1fr 1fr;gap:7px} .app-balance-coin-list>div{min-width:0;display:flex;flex-direction:column;gap:4px;padding:9px 10px;border:1px solid #edf0e9;border-radius:10px;background:#fbfcf8} .app-balance-coin-list span{font-size:9px;font-weight:750;letter-spacing:.08em;color:#829087} .app-balance-coin-list strong{font:650 11px Manrope;overflow-wrap:anywhere;color:#31483a} .app-balance-rate-note{display:block;margin-top:11px;color:#99a39b;font-size:9px;line-height:1.5} @media(max-width:420px){.app-balance-trigger{gap:6px;padding:5px 8px}.app-balance-trigger-copy small{font-size:7px}.app-balance-trigger-copy strong{font-size:11px}.app-top-actions{gap:6px}} .challenge-page{width:min(1100px,100%);margin:0 auto;padding:32px 0 65px} .challenge-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 22px} .challenge-heading h1{margin:10px 0 7px;font:600 clamp(28px,4vw,42px)/1.08 Manrope;letter-spacing:-.065em} .challenge-heading p{margin:0;color:#829087;font-size:13px;line-height:1.65} .challenge-heading>.button{flex:none} .challenge-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px} .challenge-summary-grid>.panel{min-width:0;min-height:132px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px} .challenge-summary-grid .section-tag{font-size:9px} .challenge-summary-grid>article>strong{font:650 clamp(23px,3vw,32px)/1.1 Manrope;letter-spacing:-.05em;color:#23352c} .challenge-summary-grid>article>strong small{font:600 11px 'DM Sans',sans-serif;letter-spacing:0;color:#849087} .challenge-summary-grid>article>small{font-size:10px;color:#849087} .challenge-total-reward{background:#29463a!important;border-color:#29463a!important} .challenge-total-reward .section-tag,.challenge-total-reward>strong,.challenge-total-reward>small{color:#fff!important} .challenge-total-reward>strong small{color:#d3dfd2!important} .challenge-feedback{min-height:0} .challenge-feedback:not(:empty){margin:14px 0;padding:12px 14px;border-radius:10px;font-size:12px} .challenge-feedback.is-success{background:#e8f2e3;color:#456b42} .challenge-feedback.is-error{background:#faece8;color:#a24d3d} .challenge-verification-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow-y:auto;overscroll-behavior:contain;padding:24px;background:rgba(4,8,18,.78);backdrop-filter:blur(7px)} .challenge-verification-modal[hidden]{display:none!important} .challenge-verification-modal-content{width:min(960px,100%);margin:auto} .challenge-verification-modal-content>.challenge-verification{width:100%;margin:0} .challenge-verification-modal-content>.page-ad-slot{margin:0 auto 12px} .challenge-verification-modal-content>.challenge-verification+.page-ad-slot{margin:12px auto 0} body.challenge-modal-open{overflow:hidden} .challenge-verification{margin:14px 0;padding:20px;border-color:#e2e4f3;background:#f2f1ff;text-align:center} .challenge-verification[hidden]{display:none!important} .challenge-verification-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;text-align:left} .challenge-verification-tools{display:flex;align-items:center;gap:8px} .challenge-modal-close{min-height:38px;padding:9px 13px;border:1px solid #e1e7dd;background:#f7f9f4;color:#647267;font-size:12px} .challenge-modal-close:hover{background:#edf2e9} .challenge-verification-heading h2{margin:5px 0;font:650 19px Manrope;letter-spacing:-.035em;color:#25352e} .challenge-verification-heading p{margin:0;color:#77748f;font-size:12px} .challenge-verification-heading .button{flex:none} .challenge-captcha-sequence,.challenge-captcha-choices{display:flex;justify-content:center;flex-wrap:wrap;gap:9px} .challenge-captcha-sequence{margin:17px auto 12px} .challenge-captcha-sequence span,.challenge-captcha-choice{width:44px;height:44px;display:grid;place-items:center;border:1px solid #e3e3f2;border-radius:11px;background:#fff;color:#5149bd;font-size:22px} .challenge-captcha-choice{cursor:pointer;transition:transform .15s,border-color .15s,background .15s} .challenge-captcha-choice:hover:not(:disabled){transform:translateY(-2px);border-color:#958ee9} .challenge-captcha-choice.is-picked{border-color:#746be0;background:#e9e7ff;color:#5750bd} .challenge-captcha-choice:disabled{cursor:default;opacity:.68} .challenge-captcha-feedback{min-height:19px;margin:12px 0;color:#77748f;font-size:12px} .challenge-captcha-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap} .challenge-captcha-actions .button{min-height:38px} .challenge-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),300px));justify-content:space-between;gap:18px;margin-top:15px} .challenge-topic-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:22px} .challenge-topic-filter{min-height:38px;padding:8px 15px;border:1px solid #e1e7dd;border-radius:999px;background:#f7f9f4;color:#647267;font:700 12px/1 'DM Sans',sans-serif;cursor:pointer;transition:background .16s,border-color .16s,color .16s,transform .16s} .challenge-topic-filter:hover{border-color:#aebca8;background:#eff4eb;color:#34483a} .challenge-topic-filter:focus-visible{outline:2px solid #78936e;outline-offset:2px} .challenge-topic-filter.is-active{border-color:#29463a;background:#29463a;color:#fff} .challenge-card-grid .daily-challenge-card[hidden],.challenge-card-grid .challenge-grid-ad[hidden]{display:none!important} .daily-challenge-card{box-sizing:border-box;width:300px;max-width:100%;height:250px;min-width:0;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;padding:15px} .challenge-grid-ad{box-sizing:border-box;width:300px;max-width:100%;height:250px;display:flex;align-items:center;justify-content:center;overflow:hidden} .challenge-grid-ad:has(.page-ad-slot[hidden]:not([data-slot-reserved="1"])){display:none} .challenge-grid-ad .page-ad-slot{box-sizing:border-box;width:300px;max-width:100%;height:250px;margin:0;flex:none} .daily-challenge-card-top{display:flex;align-items:center;justify-content:space-between} .daily-challenge-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eef2e9;color:#627d5d} .daily-challenge-type{font-size:9px;font-weight:750;letter-spacing:.12em;color:#8a968d} .daily-challenge-card h2{min-height:42px;margin:10px 0 8px;font:650 16px/1.3 Manrope;letter-spacing:-.035em;color:#25352e} .daily-challenge-reward{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding:7px 10px;border-radius:10px;background:#f2f5ee;color:#77847b;font-size:11px} .daily-challenge-reward strong{color:#34533e;font:700 13px Manrope;white-space:nowrap} .daily-challenge-progress-heading{display:flex;justify-content:space-between;gap:10px;margin-bottom:5px;color:#829087;font-size:10px} .daily-challenge-progress-heading strong{color:#304338;font-size:11px} .daily-challenge-progress{height:7px;margin-bottom:11px;overflow:hidden;border-radius:20px;background:#edf1e9} .daily-challenge-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#89a77b,#b4cc9e);transition:width .3s ease} .daily-challenge-card>.button{min-height:34px;margin-top:auto;padding-top:8px;padding-bottom:8px;font-size:11px} .button-challenge-pending,.button-challenge-claimed{width:100%;justify-content:center;background:#f4f5f1;color:#77847b;cursor:default} .button-challenge-claimed{background:#eaf2e5;color:#527449} .challenge-empty{margin-top:15px;padding:30px} .challenge-empty h2{margin:11px 0 5px;font:650 21px Manrope} .challenge-empty p{margin:0;color:#859188;font-size:12px} .challenge-admin-intro{margin-bottom:15px} .challenge-admin-intro h2,.challenge-admin-form-panel h2{margin:10px 0;font:650 21px Manrope;letter-spacing:-.04em} .challenge-admin-intro p{max-width:850px;margin:0;color:#7c8980;font-size:12px;line-height:1.75} .challenge-admin-form-panel{margin-bottom:15px} .challenge-admin-form{max-width:none;margin:0} .challenge-admin-form>label{max-width:520px} .challenge-admin-form input,.challenge-admin-form select{width:100%} .challenge-admin-form small{color:#8a968d;font-weight:400;line-height:1.6} .challenge-admin-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px} .challenge-admin-actions{display:flex;align-items:center;gap:6px} .challenge-admin-actions form{margin:0} .challenge-delete-button{color:#a45647} .challenge-admin-list .panel-heading{margin-bottom:15px} @media(max-width:850px){.challenge-admin-fields{grid-template-columns:1fr 1fr}} @media(max-width:640px){.challenge-page{padding:25px 0 45px}.challenge-heading{align-items:flex-start;flex-direction:column;gap:14px}.challenge-summary-grid{grid-template-columns:1fr 1fr}.challenge-summary-grid>.panel{min-height:115px;padding:15px}.challenge-summary-grid>.panel:last-child{grid-column:1/-1}.challenge-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),300px));justify-content:center}.daily-challenge-card{height:250px}.daily-challenge-card h2{min-height:0}.challenge-admin-fields{grid-template-columns:1fr}.challenge-admin-actions{align-items:flex-start;flex-direction:column}.challenge-verification-modal{padding:12px}.challenge-verification{padding:15px}.challenge-verification-heading{align-items:flex-start}.challenge-verification-heading h2{font-size:17px}.challenge-captcha-sequence,.challenge-captcha-choices{gap:7px}.challenge-captcha-sequence span,.challenge-captcha-choice{width:40px;height:40px}} .support-page{width:min(1200px,100%);margin:0 auto;padding:30px 0 60px}.support-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px}.support-heading h1{font:600 clamp(30px,4vw,42px)/1.1 Manrope;letter-spacing:-.06em;margin:9px 0}.support-heading p{margin:0;color:#7d8981;line-height:1.6}.support-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.55fr);gap:16px;align-items:start}.support-thread-list,.support-conversation{min-width:0}.support-thread-list .panel-heading,.support-conversation .panel-heading{margin-bottom:15px}.support-thread-link{display:grid;gap:8px;padding:14px 13px;border:1px solid transparent;border-top-color:#edf0e9;color:#708078}.support-thread-link:hover,.support-thread-link.is-active{background:#f4f6f0;border-color:#e5eae1;border-radius:12px}.support-thread-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.support-thread-line strong{font-size:14px;color:#24342e;overflow-wrap:anywhere}.support-thread-preview{font-size:12px;line-height:1.45;overflow-wrap:anywhere}.support-thread-link time,.support-message-meta time{font-size:11px;color:#8c9890}.support-status{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#eef2ea;color:#627466;font-size:10px;font-weight:700;text-transform:capitalize;white-space:nowrap}.support-status-waiting_admin{background:#fff1e7;color:#9a623f}.support-status-waiting_user{background:#eaf1e7;color:#567248}.support-status-closed{background:#edf0ef;color:#74807b}.support-conversation-heading{align-items:flex-start}.support-conversation-heading h2{margin:7px 0!important;overflow-wrap:anywhere}.support-conversation-heading p{font-size:12px;color:#818d85;margin:0}.support-conversation-heading p a{text-decoration:underline}.support-message-list{display:grid;gap:12px;max-height:620px;overflow:auto;padding:4px 2px 18px}.support-message{max-width:88%;padding:13px 15px;border:1px solid #e6eae2;border-radius:14px;background:#fbfcf8;overflow-wrap:anywhere}.support-message-admin{justify-self:end;background:#eff4ec;border-color:#e0e9dd}.support-message-meta{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:8px}.support-message-meta strong{font-size:12px;color:#405448}.support-message-body{font-size:14px;line-height:1.65;color:#33423c}.support-image-link{display:block;width:max-content;max-width:100%;margin-top:10px}.support-image-link img{display:block;width:auto;max-width:min(320px,100%);max-height:260px;border-radius:10px;object-fit:contain;background:#e9ede6}.support-compose{border-top:1px solid #e9ede5;padding-top:17px;margin-top:5px}.support-compose label small{display:block;color:#849087;font-weight:400;line-height:1.5;margin-top:5px}.support-compose input[type=file]{width:100%;padding:11px;background:#f8f9f5;border:1px solid #e1e6de;border-radius:10px}.support-compose button{align-self:flex-start}.support-thread-actions{display:flex;justify-content:flex-end;margin-top:12px}.support-closed-note,.support-empty-state{padding:26px 12px;text-align:center;color:#7d8981}.support-empty-state h2{margin:12px 0 5px}.support-empty-state p{margin:0;font-size:13px}.support-error{margin-bottom:14px}.support-admin-page{margin-top:-6px}.support-admin-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 16px;color:#7d8981;font-size:12px}.support-admin-filters a{padding:8px 11px;border-radius:999px;background:#f0f3ed}.support-admin-filters a.is-active{background:#294438;color:white}.support-admin-layout{grid-template-columns:minmax(280px,.8fr) minmax(0,1.6fr)}.support-admin-page .panel{padding:19px}.support-admin-page .support-thread-link{padding:12px 10px}.support-admin-page .support-thread-line strong{font-size:12px}.support-admin-page .support-thread-preview{font-size:11px}.support-admin-page .support-thread-link time{font-size:10px} @media(max-width:800px){.support-layout,.support-admin-layout{grid-template-columns:1fr}.support-thread-list{max-height:340px;overflow:auto}.support-message{max-width:96%}.support-page{padding-top:22px}} @media(max-width:600px){.support-heading{align-items:flex-start;flex-direction:column}.support-heading .button{align-self:stretch}.support-heading p{font-size:13px}.support-admin-filters{gap:5px}.support-admin-filters a{padding:7px 9px}.support-page{padding-bottom:32px}.support-message-meta{align-items:flex-start;flex-direction:column;gap:3px}} @media(max-width:640px){.sidebar nav{justify-content:flex-start;gap:4px;overflow-x:auto;padding:0 5px;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav a{flex:0 0 52px;padding:5px 3px}} /* Workspace layout corrections. Keep page content in normal flow and headings readable. */ .app-main { min-width: 0; } .app-main > section, .app-main > .page-ad-slot { box-sizing: border-box; min-width: 0; } .app-main .page-heading, .challenge-page > .challenge-heading, .support-page > .support-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 24px; width: 100%; min-width: 0; } .app-main .page-heading > div, .challenge-page > .challenge-heading > div, .support-page > .support-heading > div { grid-column: 1; grid-row: 1; min-width: 0; width: auto; } .app-main .page-heading > .button, .challenge-page > .challenge-heading > .button, .support-page > .support-heading > .button { grid-column: 2; grid-row: 1; justify-self: end; align-self: center; } .app-main .page-heading h1, .challenge-page > .challenge-heading h1, .support-page > .support-heading h1 { max-width: 100%; white-space: normal; overflow-wrap: break-word; } .ptc-page { box-sizing: border-box; width: 100%; min-width: 0; } .ptc-page > .ptc-heading { display: block; width: 100%; min-width: 0; } .ptc-page > .ptc-heading > div { width: 100%; max-width: none; } .ptc-page > .ptc-summary { width: 100%; grid-template-columns: repeat(4, minmax(0, 1fr)); } .ptc-ad-grid, .ptc-viewed-grid { width: 100%; min-width: 0; } .challenge-page, .support-page { min-width: 0; } .challenge-page > .challenge-summary-grid, .challenge-page > .challenge-card-grid, .support-page > .support-layout { width: 100%; min-width: 0; } @media (max-width: 760px) { .app-main .page-heading, .challenge-page > .challenge-heading, .support-page > .support-heading { grid-template-columns: minmax(0, 1fr); row-gap: 12px; } .app-main .page-heading > div, .challenge-page > .challenge-heading > div, .support-page > .support-heading > div { grid-column: 1; grid-row: 1; } .app-main .page-heading > .button, .challenge-page > .challenge-heading > .button, .support-page > .support-heading > .button { grid-column: 1; grid-row: 2; justify-self: start; } .ptc-page > .ptc-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* Mobile member navigation: replace the fixed bottom bar with a left drawer. */ .app-menu-toggle{display:none} .app-menu-backdrop{display:none} @media(max-width:767px){ .app-main{margin:0;padding:0 16px calc(30px + env(safe-area-inset-bottom))} .app-top{height:62px;gap:12px} .app-menu-toggle{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:1px solid #e2e8df;border-radius:12px;background:#fffefa;color:#34483a;cursor:pointer} .app-menu-toggle:hover,.app-menu-toggle:focus-visible{background:#edf3e9;border-color:#cbd9c8;outline:none} .app-menu-toggle .site-icon{width:21px;height:21px} .app-menu-backdrop{display:block;position:fixed;inset:0;z-index:2147483002;width:100%;height:100%;padding:0;border:0;background:#14221db0;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);cursor:pointer} .app-menu-backdrop[hidden]{display:none} .sidebar{position:fixed;inset:0 auto 0 0;z-index:2147483003;width:min(84vw,300px);height:100vh;height:100dvh;padding:24px 18px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:stretch;overflow-y:auto;overscroll-behavior:contain;background:#fafbf7;border:0;border-right:1px solid #e3e9e0;border-radius:0 18px 18px 0;box-shadow:0 16px 50px #10201830;transform:translateX(-105%);visibility:hidden;transition:transform .24s ease,visibility 0s linear .24s} body.member-menu-open{overflow:hidden} body.member-menu-open .sidebar{transform:translateX(0);visibility:visible;transition:transform .24s ease,visibility 0s} .sidebar .brand{display:flex;padding:0 5px 23px;font-size:19px} .sidebar .nav-label{display:block;padding:0 8px 9px;font-size:11px;letter-spacing:.15em} .sidebar nav{height:auto;display:grid;grid-template-columns:1fr;justify-content:stretch;align-items:stretch;gap:4px;overflow:visible;padding:0;margin:0} .sidebar nav a{flex:none;display:flex;flex-direction:row;align-items:center;gap:13px;padding:11px 12px;border:1px solid transparent;border-radius:11px;font-size:17px;color:#596860} .sidebar nav a:hover,.sidebar nav a:focus-visible{background:#edf2e9;border-color:#e3eadd;outline:none} .sidebar nav a .site-icon{width:20px;height:20px;flex:none} .sidebar nav a span{font-size:14px;line-height:1.35;text-align:left} .sidebar .side-bottom{display:flex;flex-direction:column;align-items:stretch;gap:15px;margin-top:auto;padding-top:20px;border-top:1px solid #e5eae2} .sidebar .user-chip{display:flex} .sidebar .side-logout{display:flex;justify-content:space-between;align-items:center;padding:5px 4px;font-size:13px} } @media(prefers-reduced-motion:reduce){.sidebar{transition:none}} /* Keep workspace links reachable on short screens and as navigation grows. */ .sidebar nav { flex: 1 1 auto; min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain; scrollbar-width: thin; scrollbar-color: #cbd5c8 transparent; align-content: start; } /* Small, quiet member navigation indicators */ .sidebar nav a .member-nav-copy{display:flex;align-items:center;min-width:0;flex:1;line-height:1.2} .sidebar nav a .member-nav-line{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0} .sidebar nav a .member-nav-copy>span:not(.member-nav-line),.sidebar nav a .member-nav-line>span:first-child{min-width:0;color:inherit;font:500 13px/1.2 'DM Sans',sans-serif;text-align:left} .sidebar nav a .member-nav-count{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:20px;height:17px;padding:0 6px;border:1px solid #e1eadd;border-radius:999px;background:#e9f0e5;color:#4e704b;font-size:9px;line-height:1;font-style:normal;font-weight:700} .sidebar nav a .lottery-nav-countdown{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:38px;height:17px;padding:0 5px;border:1px solid #e8e7dc;border-radius:6px;background:#f0f0e8;color:#68725e;font-size:8px;line-height:1;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap} .member-nav-ready-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#69a969;box-shadow:0 0 0 2px #69a96924} .sidebar nav a .member-nav-contact{position:relative} .member-nav-unread{width:8px;height:8px;flex:none;border-radius:50%;background:#63a56b;box-shadow:0 0 0 3px #63a56b20} .daily-challenge-card-top{position:relative} .daily-challenge-complete-mark{margin-left:auto;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e8f4e7;color:#4c9657} .daily-challenge-card.is-complete{border-color:#dcebd9} @media(max-width:640px){.sidebar nav a .member-nav-count{height:18px;font-size:9px}.sidebar nav a .lottery-nav-countdown{height:17px;font-size:8px}.daily-challenge-complete-mark{width:21px;height:21px}} .sidebar nav::-webkit-scrollbar { width: 6px; } .sidebar nav::-webkit-scrollbar-thumb { background: #cbd5c8; border-radius: 999px; } .sidebar nav::-webkit-scrollbar-track { background: transparent; } .side-advertise { display: flex; align-items: center; gap: 13px; padding: 12px; margin: 0 0 15px; border: 1px solid #dfe9d9; border-radius: 11px; background: #edf3e9; color: #315641; font-size: 12px; font-weight: 600; } .side-advertise .site-icon { width: 20px; height: 20px; flex: none; } .side-advertise:hover,.side-advertise:focus-visible { background: #e4eddf; outline: none; } .side-buy-scripts{display:flex;align-items:center;gap:13px;padding:11px 12px;margin:-7px 0 15px;border:1px solid #e6ebe3;border-radius:11px;background:#fffefa;color:#536458;font-size:12px;font-weight:600;transition:background .16s,border-color .16s} .side-buy-scripts .site-icon{width:20px;height:20px;flex:none;color:#6a8563} .side-buy-scripts:hover,.side-buy-scripts:focus-visible{background:#f0f4ec;border-color:#d7e2d2;outline:none} @media(max-width:767px) { .side-advertise,.side-buy-scripts { margin: 0; } } .buy-scripts-page{width:min(100%,1060px);margin:20px auto 36px;padding:32px;border:1px solid #e1e8de;border-radius:30px;background:linear-gradient(145deg,#f5f6f0,#e9eee5 78%);box-shadow:0 20px 56px #203a320d} .buy-scripts-heading{padding:13px 8px 27px} .buy-scripts-heading h1{margin:9px 0 7px;color:#22352b;font:700 clamp(28px,4vw,38px)/1.12 Manrope,sans-serif;letter-spacing:-.055em} .buy-scripts-heading p{margin:0;color:#748078;font-size:13px;line-height:1.65} .buy-scripts-grid{display:grid;width:min(100%,960px);margin:0 auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:stretch} .buy-script-card{position:relative;display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:27px;border:1px solid #e3e9e1;border-radius:26px;background:#fffefa;box-shadow:0 14px 38px #203a3209;overflow:hidden} .buy-script-card-custom{border-color:#cfddc9;background:linear-gradient(145deg,#edf3e8,#e3ecde 78%);box-shadow:0 16px 40px #46633b12} .buy-script-icon{display:grid;width:43px;height:43px;place-items:center;margin-bottom:19px;border:1px solid #dce8d6;border-radius:14px;background:#e9f1e4;color:#587b50} .buy-script-icon .site-icon{width:21px;height:21px} .buy-script-icon-custom{border-color:#d6e2d0;background:#f7f9f4;color:#52704c} .buy-script-card h2{margin:7px 0 9px;color:#293a30;font:700 21px/1.2 Manrope,sans-serif;letter-spacing:-.035em} .buy-script-card>p{min-height:0;max-width:390px;margin:0;color:#748078;font-size:14px;line-height:1.65} .buy-script-price{display:grid;gap:5px;min-height:58px;margin:12px 0 13px;align-content:center} .buy-script-price small{color:#8a968c;font-size:9px;font-weight:700;letter-spacing:.12em} .buy-script-price strong{color:#263b2d;font:750 clamp(23px,3vw,30px)/1.15 Manrope,sans-serif;letter-spacing:-.04em;overflow-wrap:anywhere} .buy-script-custom-note{display:flex;min-height:58px;align-items:center;margin:12px 0 13px;color:#263b2d;font-size:12px;line-height:1.65} .buy-script-custom-note strong{font:750 clamp(23px,3vw,30px)/1.15 Manrope,sans-serif;letter-spacing:-.04em} .buy-script-card>.button{justify-content:center;width:100%;min-height:48px;margin-top:0;border-radius:999px;font-weight:700} .buy-script-divider{width:100%;height:1px;margin:24px 0 19px;background:#e2e8df} .buy-script-features{display:grid;gap:14px;width:100%;margin:0;padding:0;list-style:none} .buy-script-features li{display:flex;align-items:flex-start;gap:10px;color:#536359;font-size:11px;line-height:1.5} .buy-script-features li strong{color:#364a3b;font-weight:700} .buy-script-features .site-icon{flex:none;margin-top:1px;color:#709766} .buy-script-card-custom .buy-script-features li{color:#4d604f} .buy-script-card-custom .buy-script-features li strong{color:#2d4932} .buy-script-card-custom .buy-script-features .site-icon{color:#62865b} @media(max-width:640px){.side-buy-scripts{margin:0}.buy-scripts-page{margin:12px auto 20px;padding:20px 16px;border-radius:22px}.buy-scripts-heading{padding:7px 4px 21px}.buy-scripts-grid{width:100%;grid-template-columns:1fr;gap:14px}.buy-script-card{padding:22px;border-radius:21px}.buy-script-card>p{min-height:0}.buy-script-divider{margin:21px 0 16px}} /* Advertiser workspace */ .advertise-page{display:grid;gap:20px;min-width:0;padding-bottom:32px} .advertiser-wallet-grid,.advertiser-forms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0} .advertiser-balance{display:grid;gap:8px;align-content:start} .advertiser-balance>strong{font:800 clamp(26px,4vw,36px)/1.1 Manrope,sans-serif;color:#253d30} .advertiser-balance>strong small{font-size:.48em;color:#78847a} .advertiser-balance p,.advertiser-form p,.advertiser-review-card p{color:#6d7a70;line-height:1.6} .advertiser-form h2,.advertiser-admin-settings h2{margin:7px 0 8px;font:750 21px/1.25 Manrope,sans-serif;color:#26382d} .advertiser-campaign-form{max-width:840px} .advertiser-inline-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start} .advertiser-banner-selection{display:grid;gap:8px;min-width:0} .advertiser-banner-selection>label{margin:13px 0 0} .advertiser-image-source{margin:4px 0 0;padding:12px 14px;border:1px solid #dfe4db;border-radius:12px;background:#fff} .advertiser-image-source legend{padding:0 6px;color:#304237;font-weight:700} .advertiser-image-source>div{display:flex;flex-wrap:wrap;gap:10px} .advertiser-image-source label{display:flex;align-items:center;gap:8px;margin:0;padding:9px 12px;border:1px solid #e1e8df;border-radius:10px;background:#f9fbf8;color:#405248;cursor:pointer} .advertiser-image-source input{width:16px;height:16px;margin:0;accent-color:#315b3e} .advertiser-campaign-form [data-banner-upload][hidden],.advertiser-campaign-form [data-banner-link][hidden],.advertiser-campaign-form [data-banner-html5][hidden]{display:none!important} .advertiser-pages-field{min-width:0;margin:0;padding:12px 14px;border:1px solid #dfe4db;border-radius:12px;background:#fff} .advertiser-pages-field legend{padding:0 6px;color:#304237;font-weight:700} .advertiser-pages-field>small{display:block;color:#78847a;line-height:1.45} .advertiser-page-checkboxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:7px;margin:10px 0;max-width:100%} .advertiser-page-checkboxes label{display:inline-flex;align-items:center;gap:7px;min-width:0;margin:0;padding:7px 10px;border:1px solid #e1e8df;border-radius:10px;background:#f9fbf8;font-size:12px;line-height:1.2;white-space:nowrap} .advertiser-page-checkboxes input{width:15px;height:15px;flex:0 0 15px;margin:0;padding:0;border:0;border-radius:3px;background:transparent;accent-color:#315b3e} .advertiser-page-checkboxes span{white-space:nowrap} .advertiser-price-preview,.advertiser-usdt-preview,.advertiser-token-preview{padding:12px 14px;border-radius:12px;background:#f1f5ed;color:#4e6353} .advertiser-price-preview strong,.advertiser-usdt-preview strong,.advertiser-token-preview strong{color:#244b32} .advertiser-banner-preview{max-width:100%;min-height:80px;display:grid;place-items:center;padding:14px;border:1px dashed #cbd7c9;border-radius:12px;background:#f8faf6;overflow:auto} .advertiser-banner-preview[hidden]{display:none} .advertiser-banner-preview img{display:block;max-width:100%;height:auto;object-fit:contain;image-rendering:auto} .advertiser-html5-live-preview{display:grid;place-items:center;min-height:90px;overflow:hidden} .advertiser-html5-live-preview iframe{display:block;max-width:100%;border-radius:6px;background:#fff} .advertiser-table-wrap{width:100%;overflow:auto;overscroll-behavior-inline:contain} .advertiser-table-wrap .admin-table{min-width:760px} .advertiser-table-wrap td small{display:block;max-width:260px;margin-top:4px;overflow-wrap:anywhere} .advertiser-toggle-form{margin:0;white-space:nowrap} .advertiser-toggle-form .button{padding:8px 11px;font-size:11px} .advertiser-campaign-controls,.advertiser-edit-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap} .advertiser-campaign-edit .admin-form{max-width:560px} .campaign-modal-open{overflow:hidden} .campaign-edit-modal{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:20px} .campaign-edit-modal[hidden],.campaign-edit-modal [hidden]{display:none} .campaign-edit-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#14221db5;backdrop-filter:blur(3px);cursor:pointer} .campaign-edit-dialog{position:relative;z-index:1;width:min(540px,100%);max-height:min(760px,calc(100dvh - 40px));overflow-y:auto;padding:30px;background:#fffefa;border:1px solid #e4e9e1;border-radius:20px;box-shadow:0 24px 80px #0f201a40} .campaign-edit-dialog h2{margin:10px 30px 5px 0;font:650 24px/1.2 Manrope,sans-serif;letter-spacing:-.04em;color:#26382d;overflow-wrap:anywhere} .campaign-edit-dialog>p{margin:8px 0 20px} .campaign-edit-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:1px solid #e0e6dd;border-radius:50%;background:#f7f9f5;color:#536357;font-size:24px;line-height:1;cursor:pointer} .campaign-edit-form{display:grid;gap:13px} .campaign-edit-form>small{display:block} .campaign-edit-form .advertiser-price-preview{margin:0} .campaign-edit-actions{margin-top:8px} @media(max-width:600px){.campaign-edit-modal{padding:12px}.campaign-edit-dialog{max-height:calc(100dvh - 24px);padding:24px 19px;border-radius:17px}} .advertiser-admin-settings,.advertiser-admin-queue,.advertiser-campaign-list{margin:18px 0} .admin-layout.advertiser-admin-page{max-width:1360px;padding:25px} .advertiser-admin-settings-grid{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);align-items:stretch;gap:16px;margin:18px 0;min-width:0} .advertiser-admin-settings-grid>*{min-width:0} .advertiser-admin-settings-left{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:16px;min-width:0} .advertiser-admin-settings-left>.panel,.advertiser-admin-settings-grid>.advertiser-rules-settings{height:100%;box-sizing:border-box;margin:0} .advertiser-admin-settings-grid>.advertiser-rules-settings{width:100%;max-width:none} .advertiser-admin-settings-left>.panel{display:flex;flex-direction:column} .advertiser-tier-list{display:grid;gap:10px;margin:20px 0} .advertiser-tier-list h3{margin:0;color:#35463a;font:700 15px Manrope,sans-serif} .advertiser-rules-settings{padding:18px} .advertiser-rules-settings form{display:grid;gap:8px;max-width:none} .advertiser-rules-settings .advertiser-inline-fields{gap:8px 12px;align-items:start} .advertiser-rules-settings .advertiser-rule-basics{grid-template-columns:repeat(3,minmax(0,1fr))} .advertiser-rules-settings .advertiser-inline-fields label{min-width:0;gap:4px;margin:0;font-size:13px;line-height:1.35} .advertiser-rules-settings input[type=number]{width:100%;min-width:0;height:40px;padding:7px 10px;font-size:14px;line-height:1.2} .advertiser-rules-settings label small{display:block;margin-top:1px;font-size:11px;line-height:1.35} .advertiser-rules-settings .advertiser-tier-list{gap:7px;margin:12px 0} .advertiser-rules-settings .advertiser-tier-list>p{margin:2px 0 4px;line-height:1.45} .advertiser-admin-settings-grid+.advertiser-admin-queue{margin-top:8px} .advertiser-review-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.55fr);gap:22px;padding:20px 0;border-top:1px solid #e9ede6} .advertiser-review-card-ptc{grid-template-columns:minmax(0,1fr) minmax(220px,260px);align-items:start} .advertiser-review-card-banner{grid-template-columns:minmax(0,1fr) minmax(260px,.75fr) minmax(220px,.55fr);align-items:center} .advertiser-review-info{min-width:0} .advertiser-review-card h3{margin:10px 0 6px;color:#26382d;font:750 20px Manrope,sans-serif} .advertiser-review-card .section-tag{margin-left:8px} .advertiser-review-card a{overflow-wrap:anywhere} .advertiser-review-creative{display:grid;place-items:center;min-width:0;min-height:250px;padding:12px;border:1px solid #e8ece6;border-radius:12px;background:#f8faf6} .advertiser-review-preview{display:block;width:auto;max-width:100%;max-height:250px;height:auto;object-fit:contain;border:1px solid #e8ece6;border-radius:8px;background:#fff} .advertiser-admin-preview{display:block;max-width:min(100%,468px);height:auto;max-height:250px;object-fit:contain;border:1px solid #e8ece6;border-radius:8px;background:#fafbf8} .advertiser-review-actions{display:grid;align-content:start;gap:10px;width:min(100%,260px);justify-self:end;min-width:0} .advertiser-review-actions label{display:grid;gap:6px;margin:0;color:#68776c;font-size:12px;line-height:1.35} .advertiser-review-actions input{width:100%;min-width:0} .advertiser-review-actions>button{width:100%} .advertiser-review-actions .button{padding:11px 14px;font-size:12px} .advertiser-admin-campaign-card{display:grid;grid-template-columns:minmax(145px,1fr) minmax(135px,190px) minmax(0,3.1fr) auto;align-items:center;gap:16px;padding:14px 0;border-top:1px solid #e9ede6} .admin-campaign-identity{min-width:0} .admin-campaign-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap} .admin-campaign-type{color:#718074;font-size:10px;font-weight:800;letter-spacing:.08em} .admin-campaign-identity h3{margin:6px 0 3px;color:#26382d;font:750 16px/1.2 Manrope,sans-serif;overflow-wrap:anywhere} .admin-campaign-identity>small{color:#728074;font-size:12px} .admin-campaign-visual{display:grid;place-items:center;min-width:0;min-height:68px;padding:6px;border:1px solid #e8ece6;border-radius:9px;background:#fafbf8;color:#839084;font-size:11px;text-align:center} .advertiser-admin-preview{display:block;width:100%;max-width:180px;height:58px;object-fit:contain} @media(max-width:640px){.admin-layout.advertiser-admin-page{padding:20px}.advertiser-rules-settings .advertiser-rule-basics{grid-template-columns:minmax(0,1fr)}} @media(max-width:980px){.advertiser-admin-settings-grid{grid-template-columns:minmax(0,1fr)}.advertiser-admin-settings-left{grid-template-rows:auto auto}.advertiser-admin-settings-left>.panel,.advertiser-admin-settings-grid>.advertiser-rules-settings{height:auto}} .admin-campaign-facts{display:flex;align-items:center;gap:8px 18px;min-width:0;flex-wrap:wrap} .admin-campaign-facts>span{display:grid;gap:2px;min-width:max-content;max-width:100%} .admin-campaign-facts small{color:#839084;font-size:9px;font-weight:800;letter-spacing:.07em} .admin-campaign-facts b,.admin-campaign-facts a{color:#35463a;font-size:12px;font-weight:650;overflow-wrap:anywhere} .admin-campaign-actions{display:flex;align-items:center;gap:6px} .admin-campaign-actions form{margin:0} .admin-campaign-actions .button{padding:7px 9px;font-size:11px;white-space:nowrap} .advertiser-admin-edit{grid-column:1/-1;margin-top:-5px;padding-top:6px;border-top:1px solid #f0f2ee} .advertiser-admin-edit summary{color:#667468;font-size:11px;font-weight:700;cursor:pointer} .advertiser-admin-edit .admin-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;max-width:none;margin-top:12px} .advertiser-admin-edit .admin-form .advertiser-inline-fields{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))} .advertiser-admin-edit textarea{width:100%} @media(max-width:1100px){ .advertiser-admin-campaign-card{grid-template-columns:minmax(145px,1fr) minmax(130px,180px) minmax(0,2fr)} .admin-campaign-facts{grid-column:1/-1;grid-row:2} .admin-campaign-actions{grid-column:3;grid-row:1;justify-self:end;align-self:end} .advertiser-admin-edit{grid-row:3} } @media(max-width:680px){ .advertiser-admin-campaign-card{grid-template-columns:minmax(0,1fr) 130px;gap:10px;padding:12px 0} .admin-campaign-identity{grid-column:1;grid-row:1} .admin-campaign-visual{grid-column:2;grid-row:1;min-height:58px} .admin-campaign-facts{grid-column:1/-1;grid-row:2;gap:8px 14px} .admin-campaign-actions{grid-column:1/-1;grid-row:3;justify-self:start} .advertiser-admin-edit{grid-column:1/-1;grid-row:4} .advertiser-admin-edit .admin-form{grid-template-columns:minmax(0,1fr)} .advertiser-admin-edit .admin-form .advertiser-inline-fields{grid-column:auto;grid-template-columns:minmax(0,1fr)} } @media(max-width:1100px){.advertiser-review-card-banner{grid-template-columns:minmax(0,1fr) minmax(220px,.8fr)}.advertiser-review-card-banner .advertiser-review-creative{grid-column:2;grid-row:1/3}.advertiser-review-card-banner .advertiser-review-actions{grid-column:1;grid-row:2;justify-self:start}} @media(max-width:680px){.advertiser-review-card-banner,.advertiser-review-card-ptc{grid-template-columns:minmax(0,1fr)}.advertiser-review-card-banner .advertiser-review-info,.advertiser-review-card-banner .advertiser-review-creative,.advertiser-review-card-banner .advertiser-review-actions{grid-column:1;grid-row:auto}.advertiser-review-creative{min-height:210px}.advertiser-review-actions{width:100%;justify-self:stretch}} .status-pending{background:#fff5dc;color:#94630a} .page-ad-content img{max-width:100%;height:auto} @media(max-width:760px){ .advertiser-wallet-grid,.advertiser-forms-grid,.advertiser-inline-fields{grid-template-columns:minmax(0,1fr)} .advertiser-page-checkboxes{grid-template-columns:repeat(2,minmax(0,1fr))} .advertiser-page-checkboxes label,.advertiser-page-checkboxes span{white-space:normal} .advertiser-review-card{grid-template-columns:minmax(0,1fr);gap:12px} .advertiser-review-actions{grid-template-columns:repeat(2,minmax(0,1fr))} .advertiser-review-actions label{grid-column:1/-1} .advertiser-review-actions>button{width:auto} } .advertiser-create-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:4px 0 24px} .advertiser-create-choice{position:relative;isolation:isolate;overflow:hidden;display:grid;gap:6px;padding:18px 16px;text-decoration:none;color:#fff;background:linear-gradient(128deg,#25364b 0%,#344d68 58%,#456584 100%);border:1px solid #93abc0;box-shadow:0 12px 28px #142d201e;transition:transform .18s ease,box-shadow .18s ease} .advertiser-create-choice:before{position:absolute;z-index:-1;content:"";width:160px;height:160px;right:-50px;top:-80px;border:1px solid #e7ca8060;border-radius:50%;box-shadow:0 0 0 16px #e7ca8012,0 0 0 32px #e7ca800b} .advertiser-create-choice:hover{transform:translateY(-2px);box-shadow:0 16px 34px #142d2030} .advertiser-create-choice strong{font:750 17px/1.3 Manrope,sans-serif;color:#fff} .advertiser-create-choice>span:not(.section-tag){color:#e1ebe2;font-size:13px;line-height:1.45} .analytics-filter-panel{padding:24px 26px} .analytics-filter-form{display:grid;max-width:none;width:100%;grid-template-columns:repeat(5,minmax(130px,1fr)) auto;align-items:end;gap:14px;margin:0} .analytics-filter-form label{min-width:0;margin:0;gap:7px;font-size:12px;color:#506055} .analytics-filter-form input,.analytics-filter-form select{width:100%;min-width:0;height:46px;padding:0 13px;border:1px solid #dfe5dc;border-radius:11px;background:#fffefa;color:#26362d;font-size:13px;outline:none;transition:border-color .18s,box-shadow .18s} .analytics-filter-form input:focus,.analytics-filter-form select:focus{border-color:#779274;box-shadow:0 0 0 3px #77927420} .analytics-filter-actions{display:flex;align-items:center;gap:9px} .analytics-filter-actions .button{height:46px;white-space:nowrap;padding:0 18px;font-size:12px} .analytics-filter-actions .button:not(.button-dark){background:#f0f3ed;color:#56645a} .analytics-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .analytics-kpi{display:grid;gap:7px} .analytics-kpi>span,.analytics-kpi>small{color:#748076} .analytics-kpi>strong{font:750 25px/1.2 Manrope,sans-serif;color:#26382b} .analytics-breakdown-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:16px} .analytics-pagination{display:flex;flex-wrap:wrap;gap:8px;padding-top:16px} .analytics-pagination .button-dark{pointer-events:none} .analytics-chart-panel{min-width:0;overflow:hidden} .analytics-chart-legend{display:flex;flex-wrap:wrap;gap:18px;margin:-3px 0 14px;color:#69766c;font-size:12px} .analytics-chart-legend span{display:inline-flex;align-items:center;gap:7px} .analytics-chart-legend i{width:9px;height:9px;border-radius:50%;background:var(--series-color)} .analytics-chart-scroll{width:100%;overflow-x:auto;overscroll-behavior-inline:contain} .analytics-chart{display:block;width:100%;min-width:620px;height:auto;overflow:visible} .analytics-chart-gridline{stroke:#e8ece5;stroke-width:1} .analytics-chart-axis{fill:#8b968d;font:11px 'DM Sans',sans-serif} @media(max-width:1100px){.analytics-filter-form{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-filter-actions{grid-column:1/-1}.analytics-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:680px){.analytics-filter-form,.analytics-kpi-grid,.analytics-breakdown-grid{grid-template-columns:minmax(0,1fr)}.analytics-filter-actions{grid-column:auto}.analytics-filter-panel{padding:18px}.analytics-filter-actions .button{flex:1}.analytics-chart{min-width:560px}} .advertiser-pages-field{min-width:0;margin:0;padding:0;border:0} .advertiser-pages-field legend{margin-bottom:8px;font-weight:650;color:#39463c} .advertiser-pages-field>small{display:block;margin:-3px 0 10px;color:#748076;font-weight:400;line-height:1.5} .advertiser-page-checkboxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .advertiser-page-checkboxes label{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 12px;border:1px solid #e1e8df;border-radius:10px;background:#fbfcfa;cursor:pointer} .advertiser-page-checkboxes input{width:17px;height:17px;flex:0 0 auto;margin:0;accent-color:#315b3b} .advertiser-page-checkboxes span{overflow-wrap:anywhere} .advertiser-pages-field+.advertiser-pages-field{margin-top:12px} @media(max-width:760px){.advertiser-page-checkboxes{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:1024px){.advertiser-create-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:580px){.advertiser-create-choice-grid{grid-template-columns:minmax(0,1fr)}} /* Compact advertiser funding dashboard */ .advertise-page>.advertiser-wallet-grid,.advertise-page>.advertiser-funding-grid{min-width:0;gap:14px} .advertiser-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch} .advertiser-overview-grid>.panel{min-width:0;min-height:190px;padding:20px 22px;border:1px solid #e5e9e1;box-shadow:0 8px 26px #203a3210;animation:advertiser-card-in .42s ease both} .advertiser-overview-grid>.panel:nth-child(2){animation-delay:.05s} .advertiser-overview-grid>.panel:nth-child(3){animation-delay:.1s} .advertiser-overview-grid .advertiser-balance{gap:6px;align-content:start} .advertiser-overview-grid .advertiser-balance>strong{font-size:clamp(25px,2.2vw,31px)} .advertiser-overview-grid .advertiser-balance p{margin:5px 0 0;font-size:12px;line-height:1.5} .advertiser-transfer-card h2{font-size:17px;margin:5px 0 4px} .advertiser-transfer-card .admin-form{gap:10px} .advertiser-funding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch} .advertiser-funding-grid>.panel{min-width:0;height:100%;margin:0;animation:advertiser-card-in .46s .08s ease both} .advertiser-funding-grid>.advertiser-form{display:flex;flex-direction:column} .advertiser-funding-grid>.advertiser-form h2{font-size:19px} .advertiser-funding-grid>.advertiser-form form{flex:1;align-content:start} .advertiser-deposit-history{display:flex;flex-direction:column;min-height:350px} .advertiser-deposit-history .panel-heading{flex:none} .advertiser-deposit-scroll{max-height:350px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#bcc9bd transparent} .advertiser-deposit-scroll .admin-table{min-width:680px} .advertiser-deposit-scroll thead th{position:sticky;top:0;z-index:1;background:#f8faf6} .advertiser-overview-grid>.panel,.advertiser-funding-grid>.panel{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease} .advertiser-overview-grid>.panel:hover,.advertiser-funding-grid>.panel:hover{transform:translateY(-2px);border-color:#d5dfd3;box-shadow:0 14px 34px #203a3218} .advertiser-deposit-note{display:block;width:100%;margin:0;color:#78867b;line-height:1.55} @keyframes advertiser-card-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}} @media(max-width:1100px){.advertiser-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.advertiser-transfer-card{grid-column:1/-1;min-height:0!important}} @media(max-width:760px){.advertiser-overview-grid,.advertiser-funding-grid{grid-template-columns:minmax(0,1fr)}.advertiser-overview-grid>.panel{min-height:0}.advertiser-deposit-history{min-height:300px}.advertiser-deposit-scroll{max-height:300px}} @media(prefers-reduced-motion:reduce){.advertiser-overview-grid>.panel,.advertiser-funding-grid>.panel{animation:none!important;transition:none!important}.advertiser-overview-grid>.panel:hover,.advertiser-funding-grid>.panel:hover{transform:none}} .advertiser-badge-upload-form{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start} .advertiser-badge-upload-form label{min-width:0;margin:0;gap:6px} .advertiser-badge-upload-form label small{display:block;line-height:1.45} .advertiser-badge-upload-form input[type=file]{display:block;width:100%;max-width:100%;min-width:0;padding:8px 10px;font-size:13px} .advertiser-badge-upload-form .button{justify-self:start;min-height:42px;padding:11px 16px;font-size:12px} .advertiser-badge-preview{display:flex;align-items:center;gap:10px;margin:12px 0;padding:10px 12px;border:1px solid #e3e9e1;border-radius:12px;background:#f9fbf8;color:#657368;font-size:13px} .advertiser-badge-preview img{width:48px;height:48px;object-fit:contain;border-radius:50%;background:#fff;box-shadow:0 2px 9px #203a3218} @media(max-width:600px){.advertiser-badge-upload-form .button{width:100%}} @media(prefers-reduced-motion:reduce){.page-ad-advertise-mark,.page-ad-advertise-tooltip{transition:none}} /* Consistent member-panel select controls, including the custom listbox UI. */ body select{width:100%;min-width:0;min-height:46px;padding:10px 42px 10px 13px;border:1px solid #dfe5dc;border-radius:11px;background-color:#fffefa;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2368786d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;color:#26362d;font-size:15px;line-height:1.35;appearance:none;-webkit-appearance:none;outline:none;transition:border-color .18s,box-shadow .18s,background-color .18s} body select:hover{border-color:#becdbd;background-color:#fff} body select:focus-visible{border-color:#6f9274;box-shadow:0 0 0 3px #77927420} body select option{padding:10px;background:#fffefa;color:#26362d} .custom-select{position:relative;display:block;width:100%;min-width:0} .placement-page-select .custom-select,.page-code-page-select .custom-select{min-width:190px} .ptc-sort .custom-select{width:auto;min-width:150px} .ptc-sort .custom-select-trigger{height:38px;padding:0 11px;font-size:12px} .custom-select-source{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important} .custom-select-trigger{display:flex;width:100%;min-width:0;height:46px;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border:1px solid #dfe5dc;border-radius:11px;background:#fffefa;color:#26362d;text-align:left;font-size:15px;line-height:1.3;cursor:pointer;transition:border-color .18s,box-shadow .18s,background-color .18s} .custom-select-trigger:hover{border-color:#becdbd;background:#fff} .custom-select-trigger:focus-visible,.custom-select.is-open .custom-select-trigger{border-color:#6f9274;outline:none;box-shadow:0 0 0 3px #77927420} .custom-select-trigger:disabled{opacity:.58;cursor:not-allowed} .custom-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .custom-select-chevron{width:9px;height:9px;flex:none;margin-top:-4px;border-right:1.7px solid #68786d;border-bottom:1.7px solid #68786d;transform:rotate(45deg);transition:transform .18s,margin .18s} .custom-select.is-open .custom-select-chevron{margin-top:5px;transform:rotate(225deg)} .custom-select-menu{position:absolute;z-index:60;top:calc(100% + 7px);left:0;right:0;max-height:min(260px,40vh);overflow-y:auto;padding:6px;border:1px solid #dfe6dc;border-radius:13px;background:#fffefa;box-shadow:0 16px 38px #23382c20;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c4d0c3 transparent;animation:custom-select-in .14s ease both} .custom-select-menu[hidden]{display:none!important} .custom-select.is-up .custom-select-menu{top:auto;bottom:calc(100% + 7px)} .custom-select-option{display:block;width:100%;min-height:40px;padding:9px 11px;border:0;border-radius:8px;background:transparent;color:#435349;text-align:left;font-size:14px;line-height:1.4;cursor:pointer;transition:background .14s,color .14s} .custom-select-option:hover,.custom-select-option:focus-visible{background:#eef3eb;color:#294a36;outline:none} .custom-select-option.is-selected{background:#e8f0e4;color:#315b3b;font-weight:650} .custom-select-option:disabled{color:#aab2aa;cursor:not-allowed;background:transparent} @keyframes custom-select-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}} @media(prefers-reduced-motion:reduce){.custom-select-menu{animation:none}.custom-select-trigger,.custom-select-chevron,.custom-select-option{transition:none}} @media(max-width:520px){.placement-page-select .custom-select,.page-code-page-select .custom-select{width:100%;min-width:0}} @media(max-width:760px){.ptc-sort .custom-select{flex:1;min-width:0}} /* Neutral actions such as Back, Cancel, and Clear should read as buttons too. */ .button:not(.button-dark):not(.button-light):not(.button-glass){background:#e8eee5;color:#34483a;border:1px solid #d4dfd2;box-shadow:0 5px 15px #203a320d} .button:not(.button-dark):not(.button-light):not(.button-glass):hover{background:#dde8d9;border-color:#c7d6c4;box-shadow:0 8px 20px #203a3215} .button:not(.button-dark):not(.button-light):not(.button-glass):focus-visible{outline:3px solid #78987455;outline-offset:2px} .button:not(.button-dark):not(.button-light):not(.button-glass):disabled{background:#e8ece6;color:#8b978d;border-color:#dfe5dd;box-shadow:none;cursor:not-allowed;transform:none} .logout-form{margin:0}.logout-form .side-logout{width:100%;text-align:left;background:transparent;border:0;color:inherit;cursor:pointer}.admin-nav form{margin:0}.admin-nav button{padding:0;border:0;background:none;color:#607362;font:inherit;cursor:pointer} .totp-qr{width:min(100%,280px);aspect-ratio:1;margin:20px auto;padding:14px;display:grid;place-items:center;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--muted);text-align:center;font-size:13px} .totp-qr svg{display:block;width:100%;height:100%;shape-rendering:crispEdges} .totp-manual{margin:16px 0;border:1px solid var(--line);border-radius:12px;background:#fffefa;padding:13px 15px} .totp-manual>summary,.totp-manual-fields details>summary{cursor:pointer;color:#45534b;font-size:14px;font-weight:600} .totp-manual-fields{display:grid;gap:15px;margin-top:16px} .totp-manual-fields label{display:grid;gap:7px;color:#45534b;font-size:13px;font-weight:600} .totp-manual-fields input{width:100%;min-width:0;padding:12px;border:1px solid #dfe4db;border-radius:9px;background:#f7f8f4;color:var(--ink);font:14px ui-monospace,SFMono-Regular,Menlo,monospace} .totp-manual-fields details{margin-top:2px} .totp-uri{margin:10px 0 0;overflow-wrap:anywhere;font-size:12px;line-height:1.6} /* Interactive daily earning calculator on the landing page. */ .earning-section{padding:48px 24px;background:var(--paper)} .earning-calculator{max-width:1130px;margin:0 auto;padding:23px;border:1px solid #e4e8df;border-radius:19px;background:#fbfcf7;box-shadow:0 14px 38px #203a320b} .earning-calculator-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px} .earning-calculator-top h2{margin:7px 0 5px;font:600 clamp(25px,2.7vw,32px)/1.08 Manrope,sans-serif;letter-spacing:-.06em;color:var(--ink)} .earning-calculator-top p{margin:0;color:#748078;font-size:13px;line-height:1.5} .earning-presets{display:flex;gap:5px;padding:4px;border:1px solid #e1e7dc;border-radius:999px;background:#f1f4ed} .earning-presets button{padding:8px 12px;border:0;border-radius:999px;background:transparent;color:#667368;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s} .earning-presets button span{font-weight:500;opacity:.75} .earning-presets button[aria-pressed="true"]{background:#45634d;color:#fff;box-shadow:0 4px 12px #29463320} .earning-presets button:focus-visible,.earning-cta:focus-visible{outline:3px solid #78987470;outline-offset:3px} .earning-calculator-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.9fr);gap:13px;align-items:stretch} .earning-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .earning-control{min-width:0;display:grid;gap:13px;align-content:center;padding:15px 16px;border:1px solid #e4e8df;border-radius:14px;background:#f0f3eb;color:#a0a9bb} .earning-control-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#819084} .earning-control-heading>span{display:flex;align-items:center;gap:7px;min-width:0;font-size:11px;font-weight:800;letter-spacing:.045em;text-transform:uppercase} .earning-control-heading svg{flex:none} .earning-control-heading strong{flex:none;color:#34443a;font:700 15px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.04em} .earning-control-heading output{font:inherit} .earning-control input[type="range"]{width:100%;height:8px;margin:0;appearance:none;-webkit-appearance:none;border-radius:99px;background:linear-gradient(to right,#527453 var(--range-progress,0%),#dce3d8 var(--range-progress,0%));cursor:pointer} .earning-control input[type="range"]::-webkit-slider-thumb{width:21px;height:21px;appearance:none;-webkit-appearance:none;border:3px solid #527453;border-radius:50%;background:#fff;box-shadow:0 1px 3px #203a321c} .earning-control input[type="range"]::-moz-range-thumb{width:15px;height:15px;border:3px solid #527453;border-radius:50%;background:#fff;box-shadow:0 1px 3px #203a321c} .earning-control input[type="range"]:focus-visible{outline:3px solid #78987466;outline-offset:4px} .earning-control-scale{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:700} .earning-control-scale b{color:#7c8a7f;text-align:center} .earning-summary{display:flex;flex-direction:column;padding:18px 19px 15px;border:1px solid #294537;border-radius:15px;background:#294537;color:#fff} .earning-summary-total{display:flex;align-items:center;justify-content:space-between;gap:10px} .earning-summary-total>span{color:#cfdbcf;font-size:10px;font-weight:800;letter-spacing:.065em} .earning-summary-total>strong{color:#c0d8ac;font:700 clamp(15px,1.8vw,20px) ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right;white-space:nowrap} .earning-summary-total>strong small{font:600 11px 'DM Sans',sans-serif;letter-spacing:0} .earning-summary-meter{height:7px;margin:13px 0 10px;overflow:hidden;border-radius:99px;background:#496653} .earning-summary-meter span{display:block;width:0;height:100%;border-radius:inherit;background:#b5d1a0;transition:width .22s ease} .earning-summary dl{display:grid;gap:0;margin:0} .earning-summary dl>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 0} .earning-summary dt{color:#d0dacf;font-size:12px;font-weight:600} .earning-summary dd{margin:0;color:#fffefa;font-size:12px;font-weight:750;text-align:right;white-space:nowrap} .earning-summary .earning-usd-row{margin-top:1px;padding-top:9px;border-top:1px solid #496653} .earning-summary .earning-usd-row dd{font-size:14px} .earning-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;align-self:flex-end;margin-top:10px;padding:10px 16px;border-radius:10px;background:#b5d1a0;color:#203a32;font-size:13px;font-weight:800;transition:background .18s,transform .18s} .earning-cta:hover{transform:translateY(-2px);background:#c5dcb5} .earning-disclaimer{margin:9px 0 0;color:#c3d0c3;font-size:9px;line-height:1.45} @media(max-width:950px){.earning-calculator-grid{grid-template-columns:1fr}.earning-summary{min-height:0}.earning-summary dl{grid-template-columns:1fr 1fr;column-gap:25px}.earning-summary .earning-usd-row{grid-column:1/-1}} @media(max-width:640px){.earning-section{padding:34px 14px}.earning-calculator{padding:17px 14px;border-radius:16px}.earning-calculator-top{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:15px}.earning-calculator-top p{font-size:12px}.earning-presets{width:100%;justify-content:space-between;gap:2px}.earning-presets button{flex:1;padding:9px 6px;font-size:11px}.earning-controls{grid-template-columns:1fr;gap:8px}.earning-control{gap:12px;padding:14px}.earning-control-heading strong{font-size:14px}.earning-summary{padding:16px 15px 13px}.earning-summary-total{align-items:flex-start;flex-direction:column;gap:6px}.earning-summary-total>strong{text-align:left}.earning-summary dl{grid-template-columns:1fr;gap:0}.earning-summary .earning-usd-row{grid-column:auto}.earning-summary dl>div{padding:7px 0}.earning-cta{width:100%;align-self:stretch}} .intro.section-wrap{padding-bottom:42px} .earning-section{padding-top:28px} @media(max-width:640px){.intro.section-wrap{padding-bottom:34px}.earning-section{padding-top:22px}} .available-withdrawal{padding:8px 24px 30px;background:var(--paper)} .available-withdrawal-inner{max-width:1130px;margin:0 auto;padding:22px 23px;border:1px solid #e4e8df;border-radius:18px;background:#e9ede4} .available-withdrawal-heading{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:0;text-align:center} .available-withdrawal-heading h2{margin:0;color:var(--ink);font:600 clamp(22px,2.4vw,29px)/1.15 Manrope,sans-serif;letter-spacing:-.055em} .withdrawal-currency-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:17px} .withdrawal-currency{display:flex;flex:1 1 155px;min-width:145px;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e3e8df;border-radius:13px;background:#fbfcf7} .withdrawal-coin-mark{width:39px;height:39px;flex:none;display:grid;place-items:center;border-radius:50%;background:#edf1e9;color:#4d6b50;font:800 21px Manrope,sans-serif} .withdrawal-coin-mark svg{display:block;width:24px;height:24px} .withdrawal-coin-btc{background:#fbefdd;color:#e49b28}.withdrawal-coin-ltc{background:#e9edf4;color:#5373a4}.withdrawal-coin-doge{background:#f6f0dc;color:#b89a35}.withdrawal-coin-eth{background:#eeedf5;color:#7167aa}.withdrawal-coin-usdt{background:#e4f2ec;color:#39a17b}.withdrawal-coin-trx{background:#f8e8e6;color:#d74b4b}.withdrawal-coin-bnb{background:#f8f0dc;color:#c89a24}.withdrawal-coin-sol{background:#eceaf3;color:#6a53a1}.withdrawal-coin-ton{background:#e6eff7;color:#428bc5}.withdrawal-coin-bch,.withdrawal-coin-fey{background:#e5f1e7;color:#4b9860}.withdrawal-coin-dash,.withdrawal-coin-xrp,.withdrawal-coin-xlm{background:#e7edf1;color:#415a70}.withdrawal-coin-zec{background:#f7efdf;color:#c59a35}.withdrawal-coin-ada{background:#e6eef9;color:#416cb3}.withdrawal-coin-matic{background:#eee9f6;color:#7853b8}.withdrawal-coin-dgb{background:#e6eef5;color:#5685aa} .withdrawal-currency-name{display:grid;gap:2px;min-width:0} .withdrawal-currency-name strong{overflow:hidden;color:#35483a;font:700 12px Manrope,sans-serif;text-overflow:ellipsis;white-space:nowrap} .withdrawal-currency-name small{color:#879187;font-size:10px;font-weight:700;letter-spacing:.08em} .available-withdrawal+.faq-section{padding-top:52px} @media(max-width:640px){.available-withdrawal{padding:7px 14px 22px}.available-withdrawal-inner{padding:17px 14px;border-radius:15px}.available-withdrawal-heading h2{font-size:23px}.withdrawal-currency-list{gap:8px;margin-top:13px}.withdrawal-currency{flex:1 1 calc(50% - 8px);min-width:125px;padding:9px}.withdrawal-coin-mark{width:35px;height:35px;font-size:19px}.withdrawal-currency-name strong{font-size:11px}.available-withdrawal+.faq-section{padding-top:38px}} .withdrawal-currency-list{display:block;overflow:hidden;margin-top:17px} .withdrawal-currency-track{display:block;width:100%} .withdrawal-currency-group{display:flex;flex-wrap:wrap;gap:10px;padding-right:0} .withdrawal-currency-group[aria-hidden="true"]{display:none} .withdrawal-currency-group .withdrawal-currency{flex:1 1 155px} .withdrawal-currency-track[data-ready="true"]{display:flex;width:max-content;animation:withdrawal-marquee var(--withdrawal-marquee-duration,45s) linear infinite;animation-play-state:paused} .withdrawal-currency-track[data-distance-ready="true"]{animation-play-state:running} .withdrawal-currency-track[data-ready="true"]:hover{animation-play-state:paused} .withdrawal-currency-track[data-ready="true"] .withdrawal-currency-group{width:max-content;flex:none;flex-wrap:nowrap;padding-right:10px} .withdrawal-currency-track[data-ready="true"] .withdrawal-currency-group[aria-hidden="true"]{display:flex} .withdrawal-currency-track[data-ready="true"] .withdrawal-currency-group .withdrawal-currency{flex:0 0 165px;min-width:0} @keyframes withdrawal-marquee{to{transform:translate3d(var(--withdrawal-marquee-shift,-50%),0,0)}} @media(max-width:640px){.withdrawal-currency-list{margin-top:13px}.withdrawal-currency-track[data-ready="true"] .withdrawal-currency-group{gap:8px;padding-right:8px}.withdrawal-currency-track[data-ready="true"] .withdrawal-currency-group .withdrawal-currency{flex-basis:148px}} @media(prefers-reduced-motion:reduce){.withdrawal-currency-track[data-ready="true"]{width:100%;margin-left:0;animation:none}.withdrawal-currency-group[aria-hidden="true"]{display:none!important}.withdrawal-currency-track[data-ready="true"] .withdrawal-currency-group{display:flex;flex-wrap:wrap;width:100%;padding-right:0}.withdrawal-currency-track[data-ready="true"] .withdrawal-currency-group .withdrawal-currency{flex:1 1 155px}} .faq-section.section-wrap{max-width:1050px;padding:64px 28px 76px} .faq-section h2{font-size:clamp(34px,4vw,48px);margin:14px 0 30px} .faq-list{max-width:none} .faq-list details{padding:18px 0} .faq-list summary{font-size:17px} .faq-list p{max-width:790px;margin-top:9px;font-size:15px;line-height:1.65} @media(max-width:640px){.faq-section.section-wrap{padding:48px 22px 56px}.faq-section h2{font-size:32px;margin:13px 0 22px}.faq-list details{padding:15px 0}.faq-list summary{font-size:15px}.faq-list p{font-size:14px;line-height:1.6}} .landing-features{padding:44px 24px 8px;background:var(--paper)} .landing-features-inner{max-width:1130px;margin:0 auto} .landing-features-heading{text-align:center} .landing-features-heading h2{margin:9px 0 7px;color:var(--ink);font:600 clamp(32px,4vw,44px)/1.1 Manrope,sans-serif;letter-spacing:-.065em} .landing-features-heading p{margin:0;color:#748078;font-size:15px;line-height:1.6} .landing-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:28px} .landing-feature-card{display:grid;grid-template-columns:46px minmax(0,1fr);align-content:start;gap:14px;min-height:132px;padding:19px;border:1px solid #e4e8df;border-radius:16px;background:#fbfcf7;box-shadow:0 12px 30px #203a3208;transition:transform .2s,box-shadow .2s} .landing-feature-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px #203a3210} .landing-feature-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#eef2e9;color:#597755} .landing-feature-card h3{margin:3px 0 7px;color:#26372f;font:700 16px/1.3 Manrope,sans-serif;letter-spacing:-.025em} .landing-feature-card p{margin:0;color:#748078;font-size:13px;line-height:1.6} @media(max-width:850px){.landing-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.landing-features{padding:34px 18px 4px}.landing-features-heading h2{font-size:34px}.landing-features-heading p{font-size:14px}.landing-feature-grid{grid-template-columns:1fr;gap:10px;margin-top:20px}.landing-feature-card{min-height:0;padding:16px;grid-template-columns:42px minmax(0,1fr);gap:12px}.landing-feature-icon{width:42px;height:42px}.landing-feature-card h3{font-size:15px}.landing-feature-card p{font-size:13px}} .shortlink-admin-page{width:100%;margin-top:8px}.shortlink-section-control{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 13px;padding:14px 17px}.shortlink-section-control h2{margin:4px 0 0;font-size:16px}.shortlink-section-control form{margin:0}.shortlink-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.shortlink-config-card{min-width:0;padding:16px}.shortlink-config-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.shortlink-config-heading h2{margin:4px 0 0;font:650 18px/1.2 Manrope}.shortlink-config-stats{margin:8px 0 12px;color:#77847a;font-size:11px}.shortlink-config-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;align-items:end}.shortlink-config-form label{display:grid;min-width:0;gap:5px;margin:0;color:#4e5d53;font-size:12px;font-weight:600}.shortlink-config-form input,.shortlink-config-form textarea,.shortlink-config-form select{display:block;width:100%;min-width:0;padding:9px 10px;border:1px solid #dfe4db;border-radius:8px;background:#fffefa;color:#25342d;font:400 13px/1.35 'DM Sans',sans-serif}.shortlink-config-form textarea{resize:vertical;min-height:55px}.shortlink-config-form label small{color:#849087;font-size:10px;font-weight:400;line-height:1.35}.shortlink-field-description,.shortlink-field-key{grid-column:1/-1}.shortlink-field-save{justify-self:start;margin-top:2px}.shortlink-page{max-width:1080px;margin:0 auto}.shortlink-heading{align-items:center;padding:20px 0 16px}.shortlink-heading h1{margin:4px 0}.shortlink-heading .status-pill{white-space:nowrap}.shortlink-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:15px 0 20px}.shortlink-summary>article{min-width:0;min-height:112px;padding:17px 19px;border:1px solid #e5eae2;border-radius:14px;background:#fffefa}.shortlink-summary>article>span,.shortlink-progress-heading>span{display:block;color:#839087;font-size:10px;font-weight:750;letter-spacing:.09em}.shortlink-summary>article>strong{display:block;margin-top:8px;color:#1d2b25;font:700 21px/1.2 Manrope;overflow-wrap:anywhere}.shortlink-summary>article>small{display:block;margin-top:7px;color:#87938a;font-size:10px}.shortlink-summary>article>strong small{display:inline;color:#819087;font:600 11px 'DM Sans'}.shortlink-progress-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.shortlink-summary>.shortlink-progress-summary>.shortlink-progress-heading>strong{margin:0;font:700 21px/1.2 Manrope;color:#1d2b25;white-space:nowrap}.shortlink-progress-track{height:7px;margin:15px 0 0;overflow:hidden;border-radius:9px;background:#e9eee6}.shortlink-progress-track i{display:block;height:100%;border-radius:inherit;background:#73936b;transition:width .25s ease}.shortlink-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shortlink-card{min-width:0;padding:15px 17px}.shortlink-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.shortlink-card-head h2{margin:3px 0 0;font:650 17px/1.25 Manrope;color:#25352c}.shortlink-reward-amount{flex:none;color:#264531;font:750 18px/1 Manrope;white-space:nowrap}.shortlink-reward-amount small{font:500 10px 'DM Sans';color:#77847a}.shortlink-card>p{margin:7px 0 10px;color:#78867d;font-size:12px;line-height:1.5}.shortlink-card-meta{display:flex;justify-content:space-between;gap:12px;margin:0 0 11px;padding-top:9px;border-top:1px solid #edf0e9;color:#78867d;font-size:11px}.shortlink-card form{margin:0}.shortlink-note{margin:12px 0;color:#78867d;font-size:11px;line-height:1.5}.shortlink-empty{padding:18px 20px}.shortlink-return-card{max-width:600px;margin:15px auto;padding:20px}.shortlink-return-card p{margin:0 0 14px;color:#58695d;line-height:1.5}.status-active{background:#e8f2e4;color:#57824e} @media(max-width:1000px){.shortlink-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.shortlink-config-grid{grid-template-columns:1fr}.shortlink-grid{grid-template-columns:1fr}}@media(max-width:620px){.shortlink-section-control{align-items:flex-start;flex-direction:column}.shortlink-config-form{grid-template-columns:1fr}.shortlink-field-description,.shortlink-field-key{grid-column:auto}.shortlink-summary>article{min-height:94px;padding:14px}.shortlink-summary>article>strong,.shortlink-summary>.shortlink-progress-summary>.shortlink-progress-heading>strong{font-size:18px}.shortlink-card-meta{align-items:flex-start;flex-direction:column;gap:4px}} .shortlink-url-notice{margin:0 0 10px;padding:9px 11px;border:1px solid #ead9ba;border-radius:8px;background:#fff8e9;color:#846a3b;font-size:11px;line-height:1.45}.shortlink-admin-url-notice{margin-top:0} .shortlink-card .button:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none} /* Lightweight transitions for same-origin page navigation. */ @view-transition{navigation:auto} ::view-transition-old(root){animation:page-transition-out .1s ease-out both} ::view-transition-new(root){animation:page-transition-in .16s ease-out both} @keyframes page-transition-out{to{opacity:.92}} @keyframes page-transition-in{from{opacity:.92}to{opacity:1}} @supports not (view-transition-name:root){body>main{animation:page-transition-in .16s ease-out both}} @media(prefers-reduced-motion:reduce){@view-transition{navigation:none}body>main{animation:none!important}} /* Theme 2: dark crypto-glass landing page. Theme 1 remains the default. */ body.landing-theme-2{--ink:#f3f3f5;--muted:#a0a1a7;--paper:#090a0c;--green:#ff6538;--deep:#171719;--line:#292a2e;--card:#141518;--accent:#ff6538;--shadow:0 22px 70px #0008;background:#090a0c;color:#f3f3f5;color-scheme:dark} body.landing-theme-2 .landing{overflow:hidden;background:#090a0c} body.landing-theme-2 .landing-header{border-color:#ffffff20;background:#0c0d0edb;color:#f5f5f6;box-shadow:0 16px 48px #0008} body.landing-theme-2 .landing-header .brand-mark{background:linear-gradient(145deg,#ff8a43,#f04720);box-shadow:0 0 24px #f45a2f55} body.landing-theme-2 .landing-header .top-nav{padding:0;border:0;border-radius:0;background:transparent} body.landing-theme-2 .landing-header .top-nav>a:not(.button){color:#d2d2d5;opacity:.85;transition:color .18s,opacity .18s} body.landing-theme-2 .landing-header .top-nav>a:not(.button):hover{color:#fff;opacity:1} body.landing-theme-2 .landing-header .top-nav>a[aria-current="page"]{padding:8px 14px;border-radius:999px;background:#f4512b;color:#fff} body.landing-theme-2 .landing-header .top-nav>a[aria-current="page"]:after{display:none} body.landing-theme-2 .landing-header .nav-login{color:#ececef} body.landing-theme-2 .landing-header .button-sm{background:linear-gradient(135deg,#ff713b,#ed4524);box-shadow:0 7px 24px #f04c2c45;color:#fff} body.landing-theme-2 .landing-header .menu-toggle{color:#fff} body.landing-theme-2 .hero{isolation:isolate;min-height:760px;background:radial-gradient(ellipse 70% 58% at 50% 36%,#1b100e 0%,#110b0b 52%,#08090b 100%);color:#f7f7f8} body.landing-theme-2 .hero-photo{display:none} body.landing-theme-2 .hero:before{position:absolute;z-index:0;inset:-27% -20% -20%;content:"";pointer-events:none;background:radial-gradient(ellipse 39% 57% at 50% 50%,transparent 53.4%,#702a1c38 54%,#d3502d54 54.6%,#a43a2050 55.2%,transparent 56.5%),radial-gradient(ellipse 49% 72% at 50% 50%,transparent 53.2%,#6f2a1b3b 53.8%,#c8492858 54.5%,#96361e4d 55.2%,transparent 56.5%),radial-gradient(ellipse 60% 88% at 50% 49%,transparent 53.3%,#5b281c32 54%,#b3472850 54.7%,#87351f42 55.4%,transparent 57%),radial-gradient(ellipse 72% 105% at 50% 48%,transparent 54%,#4c241b29 54.6%,#a23e2440 55.2%,#71301e35 55.8%,transparent 57.5%),radial-gradient(ellipse at 50% 48%,#612d2235 0,#321a1735 30%,transparent 62%);filter:blur(8px);transform-origin:50% 48%;animation:hero-water-ripple 9s cubic-bezier(.33,0,.2,1) infinite} body.landing-theme-2 .hero:after{position:absolute;z-index:0;inset:0;content:"";pointer-events:none;background:radial-gradient(ellipse 18% 22% at 50% 25%,#bd45277a 0,#a13b2558 28%,#642b1e2c 58%,transparent 100%),radial-gradient(ellipse 34% 40% at 50% 31%,#ae4b3130 0,transparent 100%),radial-gradient(ellipse 42% 42% at 50% 46%,#ae4b311a 0,transparent 100%)} body.landing-theme-2 .hero-wash{z-index:0;background:linear-gradient(180deg,#08090b00 0%,#08090b05 45%,#090a0c52 77%,#090a0c 100%)} body.landing-theme-2 .hero-inner{max-width:900px} body.landing-theme-2 .social-proof{border-color:#ffffff20;background:#17181acc;color:#d1d1d4;box-shadow:0 8px 35px #0006} body.landing-theme-2 .proof-dots i{border-color:#191a1c;background:#f15b31} body.landing-theme-2 .proof-dots i:nth-child(2){background:#a83b25} body.landing-theme-2 .proof-dots i:nth-child(3){background:#f39b45} body.landing-theme-2 .proof-arrow{color:#ff8051} body.landing-theme-2 .hero h1{color:#fafafa;text-shadow:0 0 38px #f0522630} body.landing-theme-2 .hero-sub{color:#b7b7bc} body.landing-theme-2 .hero .button-dark{background:linear-gradient(135deg,#ff743d,#ed4826);color:#fff;box-shadow:0 10px 30px #ec4b2a45} body.landing-theme-2 .hero .button-dark:hover{background:#ff8052} body.landing-theme-2 .hero .button-glass{border-color:#ffffff29;background:#ffffff0a;color:#eee;backdrop-filter:blur(14px)} body.landing-theme-2 .hero-bottom{bottom:37px} body.landing-theme-2 .stats-glass{border-color:#ffffff21;background:#141619d9;color:#fff;box-shadow:0 16px 45px #0008;backdrop-filter:blur(18px)} body.landing-theme-2 .stats-glass span{color:#aaaab1} body.landing-theme-2 .stats-glass>i{background:#ffffff20} body.landing-theme-2 .section-tag{color:#fb8053} body.landing-theme-2 .intro.section-wrap,body.landing-theme-2 .faq-section.section-wrap{color:#f2f2f4} body.landing-theme-2 .intro h2,body.landing-theme-2 .faq-section h2{color:#f7f7f8} body.landing-theme-2 .intro h2 em,body.landing-theme-2 .faq-section h2 em{color:#ff7950} body.landing-theme-2 .intro-grid>p{color:#a5a6ac} body.landing-theme-2 .step-card{border:1px solid #ffffff16;border-radius:20px;background:linear-gradient(145deg,#191a1d,#101113);box-shadow:0 16px 40px #0003;color:#eee;transition:border-color .2s,transform .2s,box-shadow .2s} body.landing-theme-2 .step-card:hover{transform:translateY(-4px);border-color:#f36a423d;box-shadow:0 20px 44px #0006,0 0 28px #eb51200c} body.landing-theme-2 .step-heading>span{color:#ff8055} body.landing-theme-2 .step-card h3{color:#f5f5f6} body.landing-theme-2 .step-card p{color:#a5a6ac} body.landing-theme-2 .step-icon{border:1px solid #f5653830;background:#f45a2b18;color:#ff8155} body.landing-theme-2 .earning-section,body.landing-theme-2 .landing-features{background:#0b0c0e} body.landing-theme-2 .earning-calculator,body.landing-theme-2 .landing-feature-card{border-color:#ffffff17;background:linear-gradient(145deg,#191a1d,#111214);box-shadow:0 18px 50px #0004} body.landing-theme-2 .earning-calculator-top h2,body.landing-theme-2 .landing-features-heading h2{color:#f5f5f6} body.landing-theme-2 .earning-calculator-top p,body.landing-theme-2 .landing-features-heading p{color:#a4a5ab} body.landing-theme-2 .earning-presets{border-color:#ffffff15;background:#0e0f11} body.landing-theme-2 .earning-presets button{color:#b4b4ba} body.landing-theme-2 .earning-presets button[aria-pressed="true"]{background:#f15a32;color:#fff;box-shadow:0 5px 18px #f0522933} body.landing-theme-2 .earning-control{border-color:#ffffff14;background:#111214;color:#ff8055} body.landing-theme-2 .earning-control-heading{color:#aaaab1} body.landing-theme-2 .earning-control-heading strong{color:#f4f4f6} body.landing-theme-2 .earning-control-scale{color:#888990} body.landing-theme-2 .earning-control-scale b{color:#c1c1c5} body.landing-theme-2 .earning-control input[type="range"]{background:linear-gradient(to right,#ff6538 var(--range-progress,0%),#343438 var(--range-progress,0%))} body.landing-theme-2 .earning-control input[type="range"]::-webkit-slider-thumb{border-color:#ff6538;background:#171719} body.landing-theme-2 .earning-control input[type="range"]::-moz-range-thumb{border-color:#ff6538;background:#171719} body.landing-theme-2 .earning-control input[type="range"]:focus-visible{outline-color:#ff653866} body.landing-theme-2 .earning-summary{border-color:#63301f;background:radial-gradient(ellipse at top right,#6b2d1f66,transparent 45%),#171719} body.landing-theme-2 .earning-summary-total>span,body.landing-theme-2 .earning-summary dt{color:#c4c4c9} body.landing-theme-2 .earning-summary-total>strong{color:#ff9a72} body.landing-theme-2 .earning-summary-meter{background:#3b2924} body.landing-theme-2 .earning-summary-meter span{background:#ff693b} body.landing-theme-2 .earning-summary dd{color:#f7f7f8} body.landing-theme-2 .earning-summary .earning-usd-row{border-color:#ffffff20} body.landing-theme-2 .earning-cta{background:#ff693b;color:#fff} body.landing-theme-2 .earning-cta:hover{background:#ff8052} body.landing-theme-2 .earning-disclaimer{color:#999aa1} body.landing-theme-2 .available-withdrawal{background:#0b0c0e} body.landing-theme-2 .available-withdrawal-inner{border-color:#ffffff17;background:linear-gradient(130deg,#191a1d,#111214)} body.landing-theme-2 .available-withdrawal-heading h2{color:#f5f5f6} body.landing-theme-2 .withdrawal-currency{border-color:#ffffff14;background:#111214} body.landing-theme-2 .withdrawal-coin-mark{background:#f15d321b;color:#ff8158} body.landing-theme-2 .withdrawal-currency-name strong{color:#eeeeef} body.landing-theme-2 .withdrawal-currency-name small{color:#a0a0a7} body.landing-theme-2 .landing-feature-card{transition:transform .2s,border-color .2s,box-shadow .2s} body.landing-theme-2 .landing-feature-card:hover{transform:translateY(-3px);border-color:#f36a423d;box-shadow:0 20px 48px #0007,0 0 25px #ec51200b} body.landing-theme-2 .landing-feature-icon{border:1px solid #f5653826;background:#f45a2b18;color:#ff8055} body.landing-theme-2 .landing-feature-card h3{color:#f1f1f3} body.landing-theme-2 .landing-feature-card p{color:#a2a3a9} body.landing-theme-2 .faq-list details{border-color:#ffffff1c} body.landing-theme-2 .faq-list summary{color:#f1f1f3} body.landing-theme-2 .faq-list summary>span{color:#ff7950} body.landing-theme-2 .faq-list p{color:#a3a4aa} body.landing-theme-2 .closing-cta{border:1px solid #ffffff12;background:radial-gradient(ellipse at 50% 120%,#e84c2633,transparent 55%),#101113;color:#f6f6f7} body.landing-theme-2 .closing-cta h2{color:#fff} body.landing-theme-2 .closing-cta .button-light{background:#f5f5f6;color:#171719} body.landing-theme-2 .site-footer{border-color:#ffffff14;background:#08090b;color:#b5b5bb} body.landing-theme-2 .site-footer .brand{color:#f4f4f5} body.landing-theme-2 .site-footer .brand-mark{background:linear-gradient(145deg,#ff8a43,#f04720)} body.landing-theme-2 .site-footer a:hover{color:#ff8155} @media(max-width:640px){body.landing-theme-2 .landing-header .top-nav,body.landing-theme-2 .landing-header .nav-actions{border-color:#ffffff18;background:#111214f5}body.landing-theme-2 .landing-header .top-nav{padding:10px 16px;border-top-color:#ffffff18}body.landing-theme-2 .landing-header .nav-actions{border-bottom-color:#ffffff18}body.landing-theme-2 .landing-header .top-nav>a[aria-current="page"]{align-self:flex-start}body.landing-theme-2 .hero{min-height:760px;height:min(820px,100svh);padding-top:110px}body.landing-theme-2 .stats-glass{border-radius:18px}} @media(prefers-reduced-motion:reduce){body.landing-theme-2 .step-card,body.landing-theme-2 .landing-feature-card{transition:none}body.landing-theme-2 .step-card:hover,body.landing-theme-2 .landing-feature-card:hover{transform:none}} @keyframes hero-water-ripple{0%{transform:scale(.965);opacity:.38}58%{opacity:.68}100%{transform:scale(1.035);opacity:.34}} @media(prefers-reduced-motion:reduce){body.landing-theme-2 .hero:before{animation:none!important;transform:none}} /* Responsive homepage layout: compact navigation, readable hero, and single-column cards. */ @media(max-width:900px){ .landing-header{top:12px;left:50%;right:auto;width:calc(100% - 32px);height:64px;padding:0 16px;grid-template-columns:minmax(0,1fr) auto;gap:10px;border-radius:22px} .landing-header .brand{min-width:0;max-width:100%;font-size:17px} .landing-header .brand>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .landing-header .brand-mark{width:31px;height:31px;flex:none} .landing-header .menu-toggle{display:block;flex:none;padding:7px;color:#1b2730;cursor:pointer} .landing-header .top-nav,.landing-header .nav-actions{display:none;position:absolute;left:-1px;right:-1px;z-index:8;padding:10px 16px;align-items:stretch;gap:2px;flex-direction:column;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)} .landing-header .top-nav{top:calc(100% - 1px);border:1px solid #ffffff;border-top:1px solid #e8ece7;border-bottom:0;border-radius:0;box-shadow:none} .landing-header .nav-actions{top:calc(100% + 247px);padding-top:3px;padding-bottom:14px;border:1px solid #ffffff;border-top:0;border-radius:0 0 19px 19px;box-shadow:0 16px 35px #1b32241a} .landing-header.menu-open .top-nav,.landing-header.menu-open .nav-actions{display:flex} .landing-header .top-nav a,.landing-header .nav-actions a{padding:9px 5px;font-size:14px} .landing-header .top-nav>a[aria-current="page"]:after{display:none} .landing-header .nav-actions .button-sm{align-self:flex-start;margin-top:3px;padding:10px 16px} } @media(max-width:640px){ .landing-header{top:10px;width:calc(100% - 24px);height:58px;padding:0 13px;border-radius:19px} .landing-header .brand{font-size:16px;gap:8px} .landing-header .brand-mark{width:29px;height:29px} .landing-header .menu-toggle{font-size:21px} .landing-header .top-nav{padding:9px 14px} .landing-header .nav-actions{top:calc(100% + 238px);padding:3px 14px 12px} .landing-header .top-nav a,.landing-header .nav-actions a{font-size:13px;padding:8px 5px} .landing-header .nav-actions .button-sm{padding:10px 14px} .landing .hero{min-height:730px;height:min(790px,100svh);padding:104px 18px 152px} .landing .hero-photo{background-image:url('https://images.unsplash.com/photo-1470770841072-f978cf4d019e?auto=format&fit=crop&w=1000&q=75');background-position:center 52%} .landing .hero-inner{width:100%;max-width:560px} .landing .social-proof{max-width:calc(100vw - 36px);margin-bottom:24px;gap:7px;padding:6px 10px 6px 7px;font-size:11px;flex-wrap:wrap;justify-content:center} .landing .proof-dots i{width:23px;height:23px} .landing .hero h1{max-width:100%;margin-bottom:14px;font-size:clamp(36px,10.4vw,48px);line-height:1.04;letter-spacing:-.065em;text-wrap:balance} .landing .hero-sub{max-width:35ch;margin-bottom:22px;font-size:15px;line-height:1.6} .landing .hero-actions{width:100%;max-width:300px;margin:0 auto;gap:9px;flex-direction:column;align-items:stretch} .landing .hero-actions .button{min-height:48px;padding:12px 18px} .landing .hero-bottom{bottom:20px;padding:0 13px} .landing #stats.stats-glass{width:100%;max-width:470px;gap:10px 12px;padding:12px 13px;border-radius:16px} .landing #stats.stats-glass>div{gap:2px} .landing #stats.stats-glass strong{font-size:clamp(17px,5.5vw,21px)} .landing #stats.stats-glass span{font-size:10px;line-height:1.25} #how.section-wrap{padding:48px 19px 46px} #how .intro-grid{margin:0 0 20px} #how .intro-grid h2{max-width:100%;white-space:normal;font-size:clamp(25px,7.5vw,32px);line-height:1.12;text-wrap:balance} #how .steps-grid{grid-template-columns:1fr;gap:11px} #how .step-card{padding:19px 20px;min-height:0;border-radius:16px} #how .step-heading{max-width:calc(100% - 48px)} #how .step-heading h3{font-size:17px} #how .step-card p{max-width:38ch;font-size:13px;line-height:1.55} .earning-section{padding:29px 13px 27px} .earning-calculator{padding:17px 14px;border-radius:17px} .earning-calculator-top h2{font-size:27px} .earning-presets button{font-size:10px} .earning-control{padding:14px 13px} .earning-summary{border-radius:14px} .available-withdrawal{padding:7px 13px 22px} .available-withdrawal-inner{padding:16px 13px;border-radius:16px} .available-withdrawal-heading{align-items:center;flex-direction:column;gap:0;text-align:center} .available-withdrawal-heading h2{margin:0;font-size:clamp(21px,6.5vw,25px);line-height:1.15} .withdrawal-currency-track[data-ready="true"] .withdrawal-currency-group .withdrawal-currency{flex-basis:145px} .landing-features{padding:34px 15px 8px} .landing-features-heading h2{font-size:32px} .landing-feature-grid{grid-template-columns:1fr;gap:10px;margin-top:20px} .landing-feature-card{min-height:0;padding:15px;grid-template-columns:42px minmax(0,1fr);gap:12px} .landing-feature-icon{width:42px;height:42px} .faq-section.section-wrap{padding:46px 20px 52px} .faq-section h2{font-size:clamp(29px,8vw,34px);line-height:1.12;text-wrap:balance} .faq-list summary{gap:14px;font-size:15px;line-height:1.45} .faq-list p{font-size:14px;line-height:1.6} .closing-cta{padding:58px 18px} .closing-cta h2{font-size:clamp(33px,9vw,42px);line-height:1.1} .site-footer{padding:23px 18px 80px;flex-direction:column;align-items:center;gap:13px;text-align:center} .site-footer>div{justify-content:center;gap:18px;flex-wrap:wrap} } @media(max-width:380px){ .landing .hero{min-height:710px;height:760px;padding-left:15px;padding-right:15px} .landing .hero h1{font-size:36px} .landing .hero-sub{font-size:14px} .landing .social-proof{font-size:10px} .landing #stats.stats-glass{gap:9px 8px;padding:11px 10px} .landing #stats.stats-glass span{font-size:9px} .earning-presets button{padding:8px 4px;font-size:9px} .faq-section.section-wrap{padding-left:17px;padding-right:17px} } @media(prefers-reduced-motion:reduce){.landing .hero-inner{animation:none}} @media(max-width:900px){ body.landing-theme-2 .landing-header .top-nav{padding:10px 16px;border:1px solid #ffffff18;border-top-color:#ffffff18;border-bottom:0;border-radius:0;background:#111214f5} body.landing-theme-2 .landing-header .nav-actions{border:1px solid #ffffff18;border-top:0;border-radius:0 0 19px 19px;background:#111214f5} } @media(max-width:640px){ body.landing-theme-2 .landing .hero{min-height:730px;height:min(790px,100svh);padding:104px 18px 152px} body.landing-theme-2 .landing .hero-inner{width:100%;max-width:560px} body.landing-theme-2 .landing .hero h1{max-width:100%;font-size:clamp(36px,10.4vw,48px);line-height:1.04;letter-spacing:-.065em;text-wrap:balance} body.landing-theme-2 .landing .hero-sub{max-width:35ch;font-size:15px;line-height:1.6} body.landing-theme-2 .landing-header .top-nav{padding:9px 14px} body.landing-theme-2 .landing-header .nav-actions{top:calc(100% + 238px);padding:3px 14px 12px} } /* Refined two-by-two stats panel on narrow screens. */ @media(max-width:640px){ .landing #stats.stats-glass{gap:0;padding:6px;border-radius:17px} .landing #stats.stats-glass>div{min-height:55px;align-content:center;gap:3px;padding:8px 13px} .landing #stats.stats-glass>div:nth-of-type(odd){border-right:1px solid #203a3220} .landing #stats.stats-glass>div:nth-of-type(-n+2){border-bottom:1px solid #203a3220} .landing #stats.stats-glass strong{font-size:clamp(18px,5vw,21px);line-height:1.05;letter-spacing:-.055em} .landing #stats.stats-glass span{font-size:10px;line-height:1.25;letter-spacing:.01em} body.landing-theme-2 .landing #stats.stats-glass>div:nth-of-type(odd){border-right-color:#ffffff16} body.landing-theme-2 .landing #stats.stats-glass>div:nth-of-type(-n+2){border-bottom-color:#ffffff16} body.landing-theme-2 .landing #stats.stats-glass strong{color:#f4f4f6} body.landing-theme-2 .landing #stats.stats-glass span{color:#a9a9b0} } @media(max-width:380px){ .landing #stats.stats-glass{padding:5px} .landing #stats.stats-glass>div{min-height:51px;padding:7px 10px} .landing #stats.stats-glass span{font-size:9px} } /* Theme C: midnight navy with a cool luminous arc. */ body.landing-theme-c{--ink:#f3f6ff;--muted:#a6b0c7;--paper:#070c1d;--green:#91b4ff;--deep:#111a36;--line:#202c4c;--card:#0d1530;--accent:#91b4ff;--shadow:0 22px 70px #01061699;background:#070c1d;color:#f3f6ff;color-scheme:dark} body.landing-theme-c .landing{overflow:hidden;background:#070c1d} body.landing-theme-c .landing-header{border-color:#91adff29;background:#070d20d9;color:#f2f5ff;box-shadow:0 16px 48px #02061690} body.landing-theme-c .landing-header .brand-mark{background:linear-gradient(145deg,#c5d9ff,#7e9fff);color:#08112b;box-shadow:0 0 24px #86aaff55} body.landing-theme-c .landing-header .top-nav{padding:0;border:0;border-radius:0;background:transparent} body.landing-theme-c .landing-header .top-nav>a:not(.button){color:#c4cde0;opacity:.88;transition:color .18s,opacity .18s} body.landing-theme-c .landing-header .top-nav>a:not(.button):hover{color:#fff;opacity:1} body.landing-theme-c .landing-header .top-nav>a[aria-current="page"]{padding:8px 14px;border-radius:999px;background:linear-gradient(135deg,#b8d0ff,#789aff);color:#07112b} body.landing-theme-c .landing-header .top-nav>a[aria-current="page"]:after{display:none} body.landing-theme-c .landing-header .nav-login{color:#e0e7f7} body.landing-theme-c .landing-header .button-sm{background:linear-gradient(135deg,#c2d7ff,#829fff);box-shadow:0 7px 24px #7199ff38;color:#08112b} body.landing-theme-c .landing-header .menu-toggle{color:#eff4ff} body.landing-theme-c .hero{isolation:isolate;min-height:760px;background:radial-gradient(ellipse 72% 58% at 50% 38%,#101b3b 0%,#09122b 52%,#050a1a 100%);color:#f5f7ff} body.landing-theme-c .hero-photo{display:none} body.landing-theme-c .hero:before{position:absolute;z-index:0;top:-7%;left:50%;width:116%;height:76%;content:"";pointer-events:none;transform:translateX(-50%);background:radial-gradient(ellipse 45% 38% at 48% 31%,#7599ff52 0, #5579df32 34%,#3453a71b 59%,transparent 100%),radial-gradient(ellipse 27% 31% at 52% 38%,#9bb8ff36 0,#6c91ff20 46%,transparent 100%),linear-gradient(90deg,transparent 28%,#8eafff0b 50%,transparent 72%);filter:blur(24px);animation:theme-c-light-sweep 14s ease-in-out infinite} body.landing-theme-c .hero:after{position:absolute;z-index:0;inset:0;content:"";pointer-events:none;background:radial-gradient(ellipse 43% 32% at 50% 25%,#304c9b54 0,#15255230 44%,transparent 100%),radial-gradient(ellipse 35% 27% at 50% 75%,#7195ff24 0,#405fae12 48%,transparent 100%),linear-gradient(90deg,transparent 24%,#8eb0ff08 34%,transparent 43%,transparent 57%,#8eb0ff08 66%,transparent 76%),linear-gradient(180deg,transparent 0%,#10204a12 38%,transparent 68%)} body.landing-theme-c .hero-wash{z-index:0;background:linear-gradient(180deg,#050a1a00 0%,#050a1a05 45%,#070c1d72 78%,#070c1d 100%)} body.landing-theme-c .hero-inner{max-width:900px} body.landing-theme-c .social-proof{border-color:#a8bdff24;background:#101a33d9;color:#d1daf0;box-shadow:0 8px 35px #0006} body.landing-theme-c .proof-dots i{border-color:#121c36;background:#6d91ff} body.landing-theme-c .proof-dots i:nth-child(2){background:#4f69ca} body.landing-theme-c .proof-dots i:nth-child(3){background:#a0bcff} body.landing-theme-c .proof-arrow{color:#a9c6ff} .social-proof{transition:width .7s cubic-bezier(.22,.61,.36,1)} .social-proof-message{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .2s ease} .proof-activity-icon{display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center;border:1px solid #ffffffb8;border-radius:50%;background:#7799ff;color:#fff} .proof-activity-icon [hidden]{display:none} .social-proof.is-resizing .social-proof-message{opacity:0} .social-proof.is-resizing .proof-activity-icon{animation:proof-icon-enter .56s cubic-bezier(.22,.61,.36,1) both} .social-proof.is-revealing .social-proof-message{animation:proof-message-enter .44s cubic-bezier(.22,.61,.36,1) both} @keyframes proof-message-enter{from{opacity:0;transform:translate3d(0,4px,0)}to{opacity:1;transform:translate3d(0,0,0)}} @keyframes proof-icon-enter{from{opacity:.55;transform:scale(.9)}to{opacity:1;transform:scale(1)}} body.landing-theme-2 .proof-activity-icon{border-color:#191a1c;background:#f15b31;color:#fff} body.landing-theme-c .proof-activity-icon{border-color:#121c36;background:#6d91ff;color:#fff} @media(prefers-reduced-motion:reduce){.social-proof{transition:none}.social-proof.is-resizing .proof-activity-icon,.social-proof.is-revealing .social-proof-message{animation:none}} body.landing-theme-c .hero h1{color:#fafbff;text-shadow:0 0 38px #7097ff30} body.landing-theme-c .hero-sub{color:#b7c1d8} body.landing-theme-c .hero .button-dark{background:linear-gradient(135deg,#b7d0ff,#7799fa);color:#08122d;box-shadow:0 10px 30px #668cff45} body.landing-theme-c .hero .button-dark:hover{background:#c9dcff} body.landing-theme-c .hero .button-glass{border-color:#a8bdff29;background:#ffffff0a;color:#eee;backdrop-filter:blur(14px)} body.landing-theme-c .hero-bottom{bottom:37px} body.landing-theme-c .stats-glass{border-color:#a8bdff24;background:#10172adf;color:#fff;box-shadow:0 16px 45px #0008;backdrop-filter:blur(18px)} body.landing-theme-c .stats-glass span{color:#aab4cb} body.landing-theme-c .stats-glass>i{background:#ffffff20} body.landing-theme-c .section-tag{color:#9bb9ff} body.landing-theme-c .intro.section-wrap,body.landing-theme-c .faq-section.section-wrap{color:#f2f5ff} body.landing-theme-c .intro h2,body.landing-theme-c .faq-section h2{color:#f7f8ff} body.landing-theme-c .intro h2 em,body.landing-theme-c .faq-section h2 em{color:#9bb9ff} body.landing-theme-c .intro-grid>p{color:#a5b0c8} body.landing-theme-c .step-card{border:1px solid #a8bdff18;border-radius:20px;background:linear-gradient(145deg,#151f3a,#0b1227);box-shadow:0 16px 40px #0003;color:#eee;transition:border-color .2s,transform .2s,box-shadow .2s} body.landing-theme-c .step-card:hover{transform:translateY(-4px);border-color:#8aabff55;box-shadow:0 20px 44px #0006,0 0 28px #6288ff12} body.landing-theme-c .step-heading>span{color:#9bb9ff} body.landing-theme-c .step-card h3{color:#f5f7ff} body.landing-theme-c .step-card p{color:#a5b0c8} body.landing-theme-c .step-icon{border:1px solid #91adff30;background:#7799ff18;color:#a9c4ff} body.landing-theme-c .earning-section,body.landing-theme-c .landing-features,body.landing-theme-c .available-withdrawal{background:#080e20} body.landing-theme-c .earning-calculator,body.landing-theme-c .landing-feature-card{border-color:#a8bdff18;background:linear-gradient(145deg,#151f3a,#0d142a);box-shadow:0 18px 50px #0004} body.landing-theme-c .earning-calculator-top h2,body.landing-theme-c .landing-features-heading h2{color:#f5f7ff} body.landing-theme-c .earning-calculator-top p,body.landing-theme-c .landing-features-heading p{color:#a4afc7} body.landing-theme-c .earning-presets{border-color:#ffffff16;background:#0b1227} body.landing-theme-c .earning-presets button{color:#b4bfd6} body.landing-theme-c .earning-presets button[aria-pressed="true"]{background:#789aff;color:#08122d;box-shadow:0 5px 18px #668cff33} body.landing-theme-c .earning-control{border-color:#ffffff16;background:#0d142a;color:#9bb9ff} body.landing-theme-c .earning-control-heading{color:#aab4ca} body.landing-theme-c .earning-control-heading strong{color:#f4f6ff} body.landing-theme-c .earning-control-scale{color:#929eb8} body.landing-theme-c .earning-control-scale b{color:#c1cbe0} body.landing-theme-c .earning-control input[type="range"]{background:linear-gradient(to right,#91b4ff var(--range-progress,0%),#2a3552 var(--range-progress,0%))} body.landing-theme-c .earning-control input[type="range"]::-webkit-slider-thumb{border-color:#91b4ff;background:#111a36} body.landing-theme-c .earning-control input[type="range"]::-moz-range-thumb{border-color:#91b4ff;background:#111a36} body.landing-theme-c .earning-control input[type="range"]:focus-visible{outline-color:#91b4ff66} body.landing-theme-c .earning-summary{border-color:#364d83;background:radial-gradient(ellipse at top right,#405da566,transparent 48%),#111a36} body.landing-theme-c .earning-summary-total>span,body.landing-theme-c .earning-summary dt{color:#c4cde0} body.landing-theme-c .earning-summary-total>strong{color:#b8d0ff} body.landing-theme-c .earning-summary-meter{background:#2b3b61} body.landing-theme-c .earning-summary-meter span{background:#9bb9ff} body.landing-theme-c .earning-summary dd{color:#f7f8ff} body.landing-theme-c .earning-summary .earning-usd-row{border-color:#ffffff20} body.landing-theme-c .earning-cta{background:#a9c5ff;color:#09132d} body.landing-theme-c .earning-cta:hover{background:#c7dbff} body.landing-theme-c .earning-disclaimer{color:#999fb2} body.landing-theme-c .available-withdrawal-inner{border-color:#a8bdff18;background:linear-gradient(130deg,#151f3a,#0d142a)} body.landing-theme-c .available-withdrawal-heading h2{color:#f5f7ff} body.landing-theme-c .withdrawal-currency{border-color:#a8bdff18;background:#0d142a} body.landing-theme-c .withdrawal-coin-mark{background:#789aff1b;color:#a9c4ff} body.landing-theme-c .withdrawal-currency-name strong{color:#eeeef5} body.landing-theme-c .withdrawal-currency-name small{color:#a0aabd} body.landing-theme-c .landing-feature-card{transition:transform .2s,border-color .2s,box-shadow .2s} body.landing-theme-c .landing-feature-card:hover{transform:translateY(-3px);border-color:#8aabff55;box-shadow:0 20px 48px #0007,0 0 25px #6288ff12} body.landing-theme-c .landing-feature-icon{border:1px solid #91adff25;background:#7799ff18;color:#a9c4ff} body.landing-theme-c .landing-feature-card h3{color:#f1f4ff} body.landing-theme-c .landing-feature-card p{color:#a2aec7} body.landing-theme-c .faq-list details{border-color:#ffffff1c} body.landing-theme-c .faq-list summary{color:#f1f4ff} body.landing-theme-c .faq-list summary>span{color:#a9c4ff} body.landing-theme-c .faq-list p{color:#a3aec6} body.landing-theme-c .closing-cta{border:1px solid #a8bdff14;background:radial-gradient(ellipse at 50% 120%,#668cff33,transparent 55%),#0d142a;color:#f6f7ff} body.landing-theme-c .closing-cta h2{color:#fff} body.landing-theme-c .closing-cta .button-light{background:#eef3ff;color:#101a36} body.landing-theme-c .site-footer{border-color:#a8bdff14;background:#060a17;color:#b5bfd4} body.landing-theme-c .site-footer .brand{color:#f4f6ff} body.landing-theme-c .site-footer .brand-mark{background:linear-gradient(145deg,#c5d9ff,#7e9fff);color:#08112b} body.landing-theme-c .site-footer a:hover{color:#a9c4ff} @media(max-width:900px){body.landing-theme-c .landing-header .top-nav{padding:10px 16px;border:1px solid #a8bdff20;border-top-color:#a8bdff20;border-bottom:0;border-radius:0;background:#0c142bf5}body.landing-theme-c .landing-header .nav-actions{border:1px solid #a8bdff20;border-top:0;border-radius:0 0 19px 19px;background:#0c142bf5}} @media(max-width:640px){body.landing-theme-c .landing-header .top-nav,body.landing-theme-c .landing-header .nav-actions{border-color:#a8bdff20;background:#0c142bf5}body.landing-theme-c .landing-header .top-nav>a[aria-current="page"]{align-self:flex-start}body.landing-theme-c .hero{min-height:760px;height:min(820px,100svh);padding-top:110px}body.landing-theme-c .hero:before{top:-4%;width:132%;height:62%;filter:blur(21px)}body.landing-theme-c .stats-glass{border-radius:18px}} @media(prefers-reduced-motion:reduce){body.landing-theme-c .step-card,body.landing-theme-c .landing-feature-card{transition:none}body.landing-theme-c .step-card:hover,body.landing-theme-c .landing-feature-card:hover{transform:none}body.landing-theme-c .hero:before{animation:none!important;transform:translateX(-50%)}} @keyframes theme-c-light-sweep{0%,100%{transform:translateX(-52%) translateY(-2px) scale(.98);opacity:.72}50%{transform:translateX(-48%) translateY(9px) scale(1.04);opacity:1}} /* Persistent member color modes; Light keeps the original sage workspace. */ .theme-switch-button{cursor:pointer} .theme-switch-button:disabled{opacity:.7;cursor:wait} .theme-switch-indicator{position:absolute;right:4px;bottom:4px;width:8px;height:8px;border:1.5px solid #fff;border-radius:50%;background:#78936f;box-shadow:0 0 0 1px #2432291c} body.app-shell.member-theme-orange{background:#0b0c0e;color:#f2f2f4;color-scheme:dark} body.app-shell.member-theme-orange .sidebar{border-color:#ffffff12;background:#101113;color:#eee} body.app-shell.member-theme-orange .sidebar .brand,body.app-shell.member-theme-orange .user-chip b{color:#f3f3f5} body.app-shell.member-theme-orange .sidebar .brand-mark{background:linear-gradient(145deg,#ff8a43,#f04720);color:#fff;box-shadow:0 0 20px #f45a2f44} body.app-shell.member-theme-orange .nav-label{color:#777980} body.app-shell.member-theme-orange .sidebar nav a{color:#a6a7ad} body.app-shell.member-theme-orange .sidebar nav a:hover,body.app-shell.member-theme-orange .sidebar nav a:focus{background:#1b1c20;color:#ff8357} body.app-shell.member-theme-orange .side-bottom,body.app-shell.member-theme-orange .app-top{border-color:#ffffff15} body.app-shell.member-theme-orange .user-chip small,body.app-shell.member-theme-orange .side-logout{color:#8f9098} body.app-shell.member-theme-orange .avatar,body.app-shell.member-theme-orange .top-avatar{background:#f15a321e;color:#ff8257} body.app-shell.member-theme-orange .app-top-icon,body.app-shell.member-theme-orange .app-balance-trigger{border-color:#ffffff18;background:#141518;color:#c3c4ca} body.app-shell.member-theme-orange .app-top-icon:hover{border-color:#f36a4255;background:#1b1c20;color:#ff875e} body.app-shell.member-theme-orange .app-balance-dropdown,body.app-shell.member-theme-orange .app-balance-trigger-copy strong{color:#f3f3f5} body.app-shell.member-theme-orange .app-balance-trigger-copy small,body.app-shell.member-theme-orange .app-balance-trigger-copy i{color:#999aa1} body.app-shell.member-theme-orange .app-balance-panel,body.app-shell.member-theme-orange .notification-dropdown{border-color:#ffffff1a;background:#151619;color:#f1f1f3;box-shadow:0 18px 48px #0009} body.app-shell.member-theme-orange .app-balance-panel-heading{border-color:#ffffff18} body.app-shell.member-theme-orange .app-balance-panel-heading>span,body.app-shell.member-theme-orange .app-balance-panel-heading small,body.app-shell.member-theme-orange .app-balance-panel>p,body.app-shell.member-theme-orange .app-balance-rate-note{color:#a5a6ad} body.app-shell.member-theme-orange .app-balance-coin-list>div{border-color:#ffffff16;color:#d7d7db} body.app-shell.member-theme-orange .notification-dropdown h2,body.app-shell.member-theme-orange .notification-dropdown-item h3{color:#f3f3f5} body.app-shell.member-theme-orange .notification-dropdown-item{border-color:#ffffff16} body.app-shell.member-theme-orange .notification-dropdown-item p,body.app-shell.member-theme-orange .notification-dropdown-state{color:#b0b1b8} body.app-shell.member-theme-orange .notification-count{border-color:#0b0c0e;background:#f15a32} body.app-shell.member-theme-orange .page-heading h1,body.app-shell.member-theme-orange .panel h2,body.app-shell.member-theme-orange .panel h3{color:#f4f4f6} body.app-shell.member-theme-orange .page-heading p,body.app-shell.member-theme-orange .muted{color:#a2a3aa} body.app-shell.member-theme-orange .section-tag{color:#ff8055} body.app-shell.member-theme-orange .panel,body.app-shell.member-theme-orange .metric-card,body.app-shell.member-theme-orange .faucet-card,body.app-shell.member-theme-orange .support-thread-list .panel,body.app-shell.member-theme-orange .support-conversation .panel,body.app-shell.member-theme-orange .lottery-card,body.app-shell.member-theme-orange .challenge-card,body.app-shell.member-theme-orange .shortlink-card,body.app-shell.member-theme-orange .ptc-card{border-color:#ffffff17;background:linear-gradient(145deg,#191a1d,#111214);color:#ececef;box-shadow:0 14px 38px #0004} body.app-shell.member-theme-orange .metric-card>span,body.app-shell.member-theme-orange .metric-foot,body.app-shell.member-theme-orange .activity-row small,body.app-shell.member-theme-orange .empty-state,body.app-shell.member-theme-orange .panel p{color:#a2a3aa} body.app-shell.member-theme-orange .metric-card>strong,body.app-shell.member-theme-orange .activity-row b{color:#f2f2f4} body.app-shell.member-theme-orange .metric-primary{border-color:#61301f;background:radial-gradient(ellipse at top right,#6b2d1f88,transparent 55%),#171719;color:#fff} body.app-shell.member-theme-orange .metric-primary>strong{color:#ff9a72} body.app-shell.member-theme-orange .metric-primary>span,body.app-shell.member-theme-orange .metric-primary .metric-foot,body.app-shell.member-theme-orange .metric-primary a{color:#e6b09d} body.app-shell.member-theme-orange .button-dark{background:linear-gradient(135deg,#ff743d,#ed4826);color:#fff;box-shadow:0 8px 22px #ec4b2a38} body.app-shell.member-theme-orange .button-dark:hover{background:#ff8052} body.app-shell.member-theme-orange .app-menu-toggle{color:#f0f0f2} body.app-shell.member-theme-orange .activity-row,body.app-shell.member-theme-orange td,body.app-shell.member-theme-orange th,body.app-shell.member-theme-orange .claim-divider,body.app-shell.member-theme-orange .profile-meta{border-color:#ffffff16} body.app-shell.member-theme-orange td,body.app-shell.member-theme-orange .profile-meta{color:#b1b2b9} body.app-shell.member-theme-orange .activity-icon,body.app-shell.member-theme-orange .step-icon{background:#f45a2b18;color:#ff8155} body.app-shell.member-theme-orange .faucet-orbit{border-color:#ffffff24} body.app-shell.member-theme-orange .faucet-orbit:before,body.app-shell.member-theme-orange .faucet-orbit:after{border-color:#ffffff1a} body.app-shell.member-theme-orange .orbit-inner{background:#f45a2b20;color:#ff8155} body.app-shell.member-theme-orange .reward-value,body.app-shell.member-theme-orange .available-balance strong{color:#f5f5f6} body.app-shell.member-theme-orange .reward-value small,body.app-shell.member-theme-orange .available-balance span,body.app-shell.member-theme-orange .withdraw-note{color:#a5a6ad} body.app-shell.member-theme-orange .available-balance,body.app-shell.member-theme-orange .note-card{border:1px solid #ffffff14;background:#111214;color:#c4c4c9} body.app-shell.member-theme-orange .note-card p{color:#c4c4c9} body.app-shell.member-theme-orange .progress-track{background:#343438} body.app-shell.member-theme-orange .progress-track i{background:#ff693b} body.app-shell.member-theme-orange .status-pill{background:#292a2e;color:#c1c1c5} body.app-shell.member-theme-orange input,body.app-shell.member-theme-orange select,body.app-shell.member-theme-orange textarea{border-color:#ffffff20!important;background:#101113!important;color:#f2f2f4!important} body.app-shell.member-theme-orange input::placeholder,body.app-shell.member-theme-orange textarea::placeholder{color:#81828a} body.app-shell.member-theme-orange .support-thread-link,body.app-shell.member-theme-orange .support-thread-link:hover,body.app-shell.member-theme-orange .support-thread-link.is-active{border-color:#ffffff15;background:#111214;color:#b8b9bf} body.app-shell.member-theme-orange .support-thread-line strong,body.app-shell.member-theme-orange .support-message-body,body.app-shell.member-theme-orange .support-message-meta strong{color:#eeeeef} body.app-shell.member-theme-orange .support-message,body.app-shell.member-theme-orange .support-message-admin{border-color:#ffffff18;background:#111214} body.app-shell.member-theme-orange .theme-switch-indicator{background:#ff693b} body.app-shell.member-theme-orange .ptc-ad-card,body.app-shell.member-theme-orange .ptc-viewed-card{border-color:#ffffff17;background:linear-gradient(145deg,#191a1d,#111214);box-shadow:0 14px 38px #0004} body.app-shell.member-theme-orange .ptc-ad-card h2,body.app-shell.member-theme-orange .ptc-section-heading h2,body.app-shell.member-theme-orange .ptc-viewed-card h2{color:#f3f3f5} body.app-shell.member-theme-orange .ptc-ad-card>p,body.app-shell.member-theme-orange .ptc-ad-status{color:#a5a6ad} body.app-shell.member-theme-orange .ptc-ad-mark,body.app-shell.member-theme-orange .daily-challenge-icon{background:#f45a2b18;color:#ff8155} body.app-shell.member-theme-orange .ptc-ad-time,body.app-shell.member-theme-orange .daily-challenge-reward{background:#252629;color:#c3c4ca} body.app-shell.member-theme-orange .ptc-ad-reward{border-color:#ffffff16;background:#111214} body.app-shell.member-theme-orange .ptc-ad-reward>span,body.app-shell.member-theme-orange .ptc-ad-reward small,body.app-shell.member-theme-orange .daily-challenge-type,body.app-shell.member-theme-orange .daily-challenge-progress-heading{color:#a6a7ad} body.app-shell.member-theme-orange .ptc-ad-reward strong,body.app-shell.member-theme-orange .daily-challenge-reward strong,body.app-shell.member-theme-orange .daily-challenge-progress-heading strong,body.app-shell.member-theme-orange .daily-challenge-card h2{color:#f0f0f2} body.app-shell.member-theme-orange .ptc-summary>article,body.app-shell.member-theme-orange .shortlink-summary>article{border-color:#ffffff17;background:#151619} body.app-shell.member-theme-orange .ptc-summary>article>span,body.app-shell.member-theme-orange .ptc-summary>article small,body.app-shell.member-theme-orange .shortlink-summary>article>span,body.app-shell.member-theme-orange .shortlink-summary>article>small{color:#a5a6ad} body.app-shell.member-theme-orange .ptc-summary>article>strong,body.app-shell.member-theme-orange .shortlink-summary>article>strong{color:#f1f1f3} body.app-shell.member-theme-orange .ptc-progress-track,body.app-shell.member-theme-orange .shortlink-progress-track,body.app-shell.member-theme-orange .daily-challenge-progress{background:#343438} body.app-shell.member-theme-orange .ptc-progress-track i,body.app-shell.member-theme-orange .shortlink-progress-track i,body.app-shell.member-theme-orange .daily-challenge-progress i{background:#ff693b} body.app-shell.member-theme-orange .ptc-provider-tabs{border-color:#ffffff16;background:#111214} body.app-shell.member-theme-orange .ptc-provider-tabs button,body.app-shell.member-theme-orange .ptc-provider-tabs a{color:#b4b4ba} body.app-shell.member-theme-orange .ptc-provider-tabs button:hover,body.app-shell.member-theme-orange .ptc-provider-tabs a:hover{color:#fff} body.app-shell.member-theme-orange .ptc-provider-tabs button.is-active,body.app-shell.member-theme-orange .ptc-provider-tabs a.is-active{background:#292a2e;color:#fff;box-shadow:0 2px 8px #0005} body.app-shell.member-theme-orange .ptc-zerads-panel{border-color:var(--member-border);background:var(--member-surface)} body.app-shell.member-theme-orange .ptc-zerads-earned{color:var(--member-muted)} body.app-shell.member-theme-orange .ptc-zerads-earned>strong{color:var(--member-text)} body.app-shell.member-theme-orange .ptc-zerads-earned small{color:var(--member-accent)} body.app-shell.member-theme-orange .ptc-zerads-start{border-color:var(--member-border);background:var(--member-accent-soft);color:var(--member-accent);box-shadow:none} body.app-shell.member-theme-orange .ptc-zerads-start:hover{border-color:var(--member-accent);background:var(--member-hover);color:var(--member-accent)} body.app-shell.member-theme-orange .withdrawal-currency{border-color:#ffffff18;background:#111214} body.app-shell.member-theme-orange .withdrawal-coin-mark{background:#f15a321e;color:#ff8158} body.app-shell.member-theme-orange .withdrawal-currency-name strong{color:#eeeeef} body.app-shell.member-theme-orange .withdrawal-currency-name small{color:#a0a0a7} body.app-shell.member-theme-orange .challenge-verification{border-color:#ffffff18;background:#171719} body.app-shell.member-theme-orange .challenge-verification-heading h2{color:#f1f1f3} body.app-shell.member-theme-orange .challenge-verification-heading p,body.app-shell.member-theme-orange .challenge-captcha-feedback{color:#aaaab1} body.app-shell.member-theme-orange .challenge-captcha-sequence span,body.app-shell.member-theme-orange .challenge-captcha-choice{border-color:#ffffff1c;background:#111214;color:#ff9a72} body.app-shell.member-theme-orange .shortlink-card-head h2,body.app-shell.member-theme-orange .shortlink-card>p,body.app-shell.member-theme-orange .shortlink-card-meta{color:#c2c3c9} body.app-shell.member-theme-blue{background:#070c1d;color:#f3f6ff;color-scheme:dark} body.app-shell.member-theme-blue .sidebar{border-color:#a8bdff18;background:#0b1227;color:#eee} body.app-shell.member-theme-blue .sidebar .brand,body.app-shell.member-theme-blue .user-chip b{color:#f3f6ff} body.app-shell.member-theme-blue .sidebar .brand-mark{background:linear-gradient(145deg,#c5d9ff,#7e9fff);color:#08112b;box-shadow:0 0 20px #86aaff44} body.app-shell.member-theme-blue .nav-label{color:#818da8} body.app-shell.member-theme-blue .sidebar nav a{color:#aab5cf} body.app-shell.member-theme-blue .sidebar nav a:hover,body.app-shell.member-theme-blue .sidebar nav a:focus{background:#121d38;color:#a9c4ff} body.app-shell.member-theme-blue .side-bottom,body.app-shell.member-theme-blue .app-top{border-color:#a8bdff18} body.app-shell.member-theme-blue .user-chip small,body.app-shell.member-theme-blue .side-logout{color:#909cb5} body.app-shell.member-theme-blue .avatar,body.app-shell.member-theme-blue .top-avatar{background:#789aff20;color:#a9c4ff} body.app-shell.member-theme-blue .app-top-icon,body.app-shell.member-theme-blue .app-balance-trigger{border-color:#a8bdff20;background:#0e1730;color:#c4cde0} body.app-shell.member-theme-blue .app-top-icon:hover{border-color:#91adff55;background:#15213f;color:#b8d0ff} body.app-shell.member-theme-blue .app-balance-dropdown,body.app-shell.member-theme-blue .app-balance-trigger-copy strong{color:#f3f6ff} body.app-shell.member-theme-blue .app-balance-trigger-copy small,body.app-shell.member-theme-blue .app-balance-trigger-copy i{color:#a0acc4} body.app-shell.member-theme-blue .app-balance-panel,body.app-shell.member-theme-blue .notification-dropdown{border-color:#a8bdff20;background:#111a36;color:#f1f4ff;box-shadow:0 18px 48px #0008} body.app-shell.member-theme-blue .app-balance-panel-heading{border-color:#a8bdff20} body.app-shell.member-theme-blue .app-balance-panel-heading>span,body.app-shell.member-theme-blue .app-balance-panel-heading small,body.app-shell.member-theme-blue .app-balance-panel>p,body.app-shell.member-theme-blue .app-balance-rate-note{color:#aab6cf} body.app-shell.member-theme-blue .app-balance-coin-list>div{border-color:#a8bdff1a;color:#d7e0f5} body.app-shell.member-theme-blue .notification-dropdown h2,body.app-shell.member-theme-blue .notification-dropdown-item h3{color:#f3f6ff} body.app-shell.member-theme-blue .notification-dropdown-item{border-color:#a8bdff1a} body.app-shell.member-theme-blue .notification-dropdown-item p,body.app-shell.member-theme-blue .notification-dropdown-state{color:#b2bdd5} body.app-shell.member-theme-blue .notification-count{border-color:#070c1d;background:#779aff} body.app-shell.member-theme-blue .page-heading h1,body.app-shell.member-theme-blue .panel h2,body.app-shell.member-theme-blue .panel h3{color:#f4f6ff} body.app-shell.member-theme-blue .page-heading p,body.app-shell.member-theme-blue .muted{color:#a7b2ca} body.app-shell.member-theme-blue .section-tag{color:#9bb9ff} body.app-shell.member-theme-blue .panel,body.app-shell.member-theme-blue .metric-card,body.app-shell.member-theme-blue .faucet-card,body.app-shell.member-theme-blue .support-thread-list .panel,body.app-shell.member-theme-blue .support-conversation .panel,body.app-shell.member-theme-blue .lottery-card,body.app-shell.member-theme-blue .challenge-card,body.app-shell.member-theme-blue .shortlink-card,body.app-shell.member-theme-blue .ptc-card{border-color:#a8bdff18;background:linear-gradient(145deg,#151f3a,#0d142a);color:#edf2ff;box-shadow:0 14px 38px #0004} body.app-shell.member-theme-blue .metric-card>span,body.app-shell.member-theme-blue .metric-foot,body.app-shell.member-theme-blue .activity-row small,body.app-shell.member-theme-blue .empty-state,body.app-shell.member-theme-blue .panel p{color:#a4afc7} body.app-shell.member-theme-blue .metric-card>strong,body.app-shell.member-theme-blue .activity-row b{color:#f3f6ff} body.app-shell.member-theme-blue .metric-primary{border-color:#364d83;background:radial-gradient(ellipse at top right,#405da566,transparent 48%),#111a36;color:#fff} body.app-shell.member-theme-blue .metric-primary>strong{color:#b8d0ff} body.app-shell.member-theme-blue .metric-primary>span,body.app-shell.member-theme-blue .metric-primary .metric-foot,body.app-shell.member-theme-blue .metric-primary a{color:#c4cde0} body.app-shell.member-theme-blue .button-dark{background:linear-gradient(135deg,#b7d0ff,#7799fa);color:#08122d;box-shadow:0 8px 22px #668cff38} body.app-shell.member-theme-blue .button-dark:hover{background:#c9dcff} body.app-shell.member-theme-blue .app-menu-toggle{color:#eff4ff} body.app-shell.member-theme-blue .activity-row,body.app-shell.member-theme-blue td,body.app-shell.member-theme-blue th,body.app-shell.member-theme-blue .claim-divider,body.app-shell.member-theme-blue .profile-meta{border-color:#a8bdff18} body.app-shell.member-theme-blue td,body.app-shell.member-theme-blue .profile-meta{color:#b3bfd7} body.app-shell.member-theme-blue .activity-icon,body.app-shell.member-theme-blue .step-icon{background:#789aff1c;color:#a9c4ff} body.app-shell.member-theme-blue .faucet-orbit{border-color:#a8bdff28} body.app-shell.member-theme-blue .faucet-orbit:before,body.app-shell.member-theme-blue .faucet-orbit:after{border-color:#a8bdff1c} body.app-shell.member-theme-blue .orbit-inner{background:#789aff20;color:#a9c4ff} body.app-shell.member-theme-blue .reward-value,body.app-shell.member-theme-blue .available-balance strong{color:#f3f6ff} body.app-shell.member-theme-blue .reward-value small,body.app-shell.member-theme-blue .available-balance span,body.app-shell.member-theme-blue .withdraw-note{color:#a7b2ca} body.app-shell.member-theme-blue .available-balance,body.app-shell.member-theme-blue .note-card{border:1px solid #a8bdff18;background:#0e1730;color:#c4cde0} body.app-shell.member-theme-blue .note-card p{color:#c4cde0} body.app-shell.member-theme-blue .progress-track{background:#2a3552} body.app-shell.member-theme-blue .progress-track i{background:#91b4ff} body.app-shell.member-theme-blue .status-pill{background:#1b294b;color:#c1cde5} body.app-shell.member-theme-blue input,body.app-shell.member-theme-blue select,body.app-shell.member-theme-blue textarea{border-color:#a8bdff20!important;background:#0b1227!important;color:#f3f6ff!important} body.app-shell.member-theme-blue input::placeholder,body.app-shell.member-theme-blue textarea::placeholder{color:#8997b5} body.app-shell.member-theme-blue .support-thread-link,body.app-shell.member-theme-blue .support-thread-link:hover,body.app-shell.member-theme-blue .support-thread-link.is-active{border-color:#a8bdff18;background:#0e1730;color:#bdc9e1} body.app-shell.member-theme-blue .support-thread-line strong,body.app-shell.member-theme-blue .support-message-body,body.app-shell.member-theme-blue .support-message-meta strong{color:#edf2ff} body.app-shell.member-theme-blue .support-message,body.app-shell.member-theme-blue .support-message-admin{border-color:#a8bdff18;background:#0e1730} body.app-shell.member-theme-blue .theme-switch-indicator{background:#91b4ff} body.app-shell.member-theme-blue .ptc-ad-card,body.app-shell.member-theme-blue .ptc-viewed-card{border-color:#a8bdff18;background:linear-gradient(145deg,#151f3a,#0d142a);box-shadow:0 14px 38px #0004} body.app-shell.member-theme-blue .ptc-ad-card h2,body.app-shell.member-theme-blue .ptc-section-heading h2,body.app-shell.member-theme-blue .ptc-viewed-card h2{color:#f3f6ff} body.app-shell.member-theme-blue .ptc-ad-card>p,body.app-shell.member-theme-blue .ptc-ad-status{color:#a7b2ca} body.app-shell.member-theme-blue .ptc-ad-mark,body.app-shell.member-theme-blue .daily-challenge-icon{background:#789aff1c;color:#a9c4ff} body.app-shell.member-theme-blue .ptc-ad-time,body.app-shell.member-theme-blue .daily-challenge-reward{background:#1a2748;color:#c4cde0} body.app-shell.member-theme-blue .ptc-ad-reward{border-color:#a8bdff18;background:#0b1227} body.app-shell.member-theme-blue .ptc-ad-reward>span,body.app-shell.member-theme-blue .ptc-ad-reward small,body.app-shell.member-theme-blue .daily-challenge-type,body.app-shell.member-theme-blue .daily-challenge-progress-heading{color:#aab6cf} body.app-shell.member-theme-blue .ptc-ad-reward strong,body.app-shell.member-theme-blue .daily-challenge-reward strong,body.app-shell.member-theme-blue .daily-challenge-progress-heading strong,body.app-shell.member-theme-blue .daily-challenge-card h2{color:#edf2ff} body.app-shell.member-theme-blue .ptc-summary>article,body.app-shell.member-theme-blue .shortlink-summary>article{border-color:#a8bdff18;background:#111a36} body.app-shell.member-theme-blue .ptc-summary>article>span,body.app-shell.member-theme-blue .ptc-summary>article small,body.app-shell.member-theme-blue .shortlink-summary>article>span,body.app-shell.member-theme-blue .shortlink-summary>article>small{color:#aab6cf} body.app-shell.member-theme-blue .ptc-summary>article>strong,body.app-shell.member-theme-blue .shortlink-summary>article>strong{color:#edf2ff} body.app-shell.member-theme-blue .ptc-progress-track,body.app-shell.member-theme-blue .shortlink-progress-track,body.app-shell.member-theme-blue .daily-challenge-progress{background:#2a3552} body.app-shell.member-theme-blue .ptc-progress-track i,body.app-shell.member-theme-blue .shortlink-progress-track i,body.app-shell.member-theme-blue .daily-challenge-progress i{background:#91b4ff} body.app-shell.member-theme-blue .ptc-provider-tabs{border-color:#a8bdff1c;background:#0b1227} body.app-shell.member-theme-blue .ptc-provider-tabs button,body.app-shell.member-theme-blue .ptc-provider-tabs a{color:#b4bfd6} body.app-shell.member-theme-blue .ptc-provider-tabs button:hover,body.app-shell.member-theme-blue .ptc-provider-tabs a:hover{color:#fff} body.app-shell.member-theme-blue .ptc-provider-tabs button.is-active,body.app-shell.member-theme-blue .ptc-provider-tabs a.is-active{background:#1c2a4d;color:#fff;box-shadow:0 2px 8px #0005} body.app-shell.member-theme-blue .ptc-zerads-panel{border-color:var(--member-border);background:var(--member-surface)} body.app-shell.member-theme-blue .ptc-zerads-earned{color:var(--member-muted)} body.app-shell.member-theme-blue .ptc-zerads-earned>strong{color:var(--member-text)} body.app-shell.member-theme-blue .ptc-zerads-earned small{color:var(--member-accent)} body.app-shell.member-theme-blue .ptc-zerads-start{border-color:var(--member-border);background:var(--member-accent-soft);color:var(--member-accent);box-shadow:none} body.app-shell.member-theme-blue .ptc-zerads-start:hover{border-color:var(--member-accent);background:var(--member-hover);color:var(--member-accent)} body.app-shell.member-theme-blue .withdrawal-currency{border-color:#a8bdff18;background:#0e1730} body.app-shell.member-theme-blue .withdrawal-coin-mark{background:#789aff20;color:#a9c4ff} body.app-shell.member-theme-blue .withdrawal-currency-name strong{color:#edf2ff} body.app-shell.member-theme-blue .withdrawal-currency-name small{color:#a0acc4} body.app-shell.member-theme-blue .challenge-verification{border-color:#a8bdff20;background:#111a36} body.app-shell.member-theme-blue .challenge-verification-heading h2{color:#edf2ff} body.app-shell.member-theme-blue .challenge-verification-heading p,body.app-shell.member-theme-blue .challenge-captcha-feedback{color:#aebbd5} body.app-shell.member-theme-blue .challenge-captcha-sequence span,body.app-shell.member-theme-blue .challenge-captcha-choice{border-color:#a8bdff20;background:#0b1227;color:#b8d0ff} body.app-shell.member-theme-light .challenge-verification .button:not(.button-dark){border:1px solid #cbd8c4;background:#e9f0e5;color:#385a3d} body.app-shell.member-theme-light .challenge-verification .button:not(.button-dark):hover:not(:disabled){border-color:#a9c39f;background:#dce9d7;color:#2f5034} body.app-shell.member-theme-orange .challenge-verification .button:not(.button-dark){border:1px solid #ff875545;background:#21191a;color:#ff9a72} body.app-shell.member-theme-orange .challenge-verification .button:not(.button-dark):hover:not(:disabled){border-color:#ff875580;background:#2b1d1c;color:#ffb08b} body.app-shell.member-theme-blue .challenge-verification .button:not(.button-dark){border:1px solid #91b4ff45;background:#14213f;color:#a9c4ff} body.app-shell.member-theme-blue .challenge-verification .button:not(.button-dark):hover:not(:disabled){border-color:#91b4ff75;background:#1a2b50;color:#c3d5ff} body.app-shell.member-theme-blue .shortlink-card-head h2,body.app-shell.member-theme-blue .shortlink-card>p,body.app-shell.member-theme-blue .shortlink-card-meta{color:#c4cde0} /* Finish coloring member components that still have fixed sage/white defaults. */ body.app-shell.member-theme-orange{ --member-surface:#151619; --member-surface-raised:#1c1d21; --member-surface-deep:#101113; --member-border:#ffffff18; --member-text:#f2f2f4; --member-muted:#a3a4ab; --member-accent:#ff8155; --member-accent-soft:#f15a321c; --member-hover:#242529; } body.app-shell.member-theme-blue{ --member-surface:#111a36; --member-surface-raised:#172344; --member-surface-deep:#0b1227; --member-border:#a8bdff20; --member-text:#f3f6ff; --member-muted:#aab6cf; --member-accent:#a9c4ff; --member-accent-soft:#789aff20; --member-hover:#1b294b; } body.app-shell.member-theme-orange .side-advertise, body.app-shell.member-theme-orange .side-buy-scripts, body.app-shell.member-theme-blue .side-advertise, body.app-shell.member-theme-blue .side-buy-scripts{ border-color:var(--member-border); background:var(--member-surface-raised); color:var(--member-text); } body.app-shell.member-theme-orange .side-advertise .site-icon, body.app-shell.member-theme-orange .side-buy-scripts .site-icon, body.app-shell.member-theme-blue .side-advertise .site-icon, body.app-shell.member-theme-blue .side-buy-scripts .site-icon{color:var(--member-accent)} body.app-shell.member-theme-orange .side-advertise:hover, body.app-shell.member-theme-orange .side-advertise:focus-visible, body.app-shell.member-theme-orange .side-buy-scripts:hover, body.app-shell.member-theme-orange .side-buy-scripts:focus-visible, body.app-shell.member-theme-blue .side-advertise:hover, body.app-shell.member-theme-blue .side-advertise:focus-visible, body.app-shell.member-theme-blue .side-buy-scripts:hover, body.app-shell.member-theme-blue .side-buy-scripts:focus-visible{border-color:var(--member-accent);background:var(--member-hover);color:var(--member-accent)} body.app-shell.member-theme-orange .sidebar nav a .member-nav-count, body.app-shell.member-theme-blue .sidebar nav a .member-nav-count{border-color:var(--member-border);background:var(--member-accent-soft);color:var(--member-accent)} body.app-shell.member-theme-orange .sidebar nav a .lottery-nav-countdown, body.app-shell.member-theme-blue .sidebar nav a .lottery-nav-countdown{border-color:var(--member-border);background:var(--member-surface-raised);color:var(--member-muted)} body.app-shell.member-theme-orange .faucet-stat-card, body.app-shell.member-theme-blue .faucet-stat-card{border-color:var(--member-border);background:linear-gradient(145deg,var(--member-surface-raised),var(--member-surface));color:var(--member-text);box-shadow:0 12px 30px #0003} body.app-shell.member-theme-orange .faucet-stat-card>span, body.app-shell.member-theme-orange .faucet-stat-card>strong small, body.app-shell.member-theme-blue .faucet-stat-card>span, body.app-shell.member-theme-blue .faucet-stat-card>strong small{color:var(--member-muted)} body.app-shell.member-theme-orange .faucet-stat-card>strong, body.app-shell.member-theme-blue .faucet-stat-card>strong{color:var(--member-text)} body.app-shell.member-theme-orange .custom-select-trigger, body.app-shell.member-theme-orange .custom-select-menu, body.app-shell.member-theme-blue .custom-select-trigger, body.app-shell.member-theme-blue .custom-select-menu{border-color:var(--member-border);background:var(--member-surface-raised);color:var(--member-text);box-shadow:0 16px 38px #0007} body.app-shell.member-theme-orange .custom-select-trigger:hover, body.app-shell.member-theme-blue .custom-select-trigger:hover{border-color:var(--member-accent);background:var(--member-hover)} body.app-shell.member-theme-orange .custom-select-trigger:focus-visible, body.app-shell.member-theme-orange .custom-select.is-open .custom-select-trigger, body.app-shell.member-theme-blue .custom-select-trigger:focus-visible, body.app-shell.member-theme-blue .custom-select.is-open .custom-select-trigger{border-color:var(--member-accent);box-shadow:0 0 0 3px var(--member-accent-soft)} body.app-shell.member-theme-orange .custom-select-chevron, body.app-shell.member-theme-blue .custom-select-chevron{border-color:var(--member-muted)} body.app-shell.member-theme-orange .custom-select-option, body.app-shell.member-theme-blue .custom-select-option{color:var(--member-text)} body.app-shell.member-theme-orange .custom-select-option:hover, body.app-shell.member-theme-orange .custom-select-option:focus-visible, body.app-shell.member-theme-blue .custom-select-option:hover, body.app-shell.member-theme-blue .custom-select-option:focus-visible{background:var(--member-hover);color:var(--member-accent)} body.app-shell.member-theme-orange .custom-select-option.is-selected, body.app-shell.member-theme-blue .custom-select-option.is-selected{background:var(--member-accent-soft);color:var(--member-accent)} body.app-shell.member-theme-orange .custom-select-option:disabled, body.app-shell.member-theme-blue .custom-select-option:disabled{color:var(--member-muted)} body.app-shell.member-theme-orange .lottery-pool-card, body.app-shell.member-theme-blue .lottery-pool-card{border-color:var(--member-border)!important;background:linear-gradient(145deg,var(--member-surface-raised),var(--member-surface-deep))!important;color:var(--member-text)!important} body.app-shell.member-theme-orange .lottery-pool-card .section-tag, body.app-shell.member-theme-orange .lottery-pool-card>p, body.app-shell.member-theme-orange .lottery-pool-card>strong small, body.app-shell.member-theme-blue .lottery-pool-card .section-tag, body.app-shell.member-theme-blue .lottery-pool-card>p, body.app-shell.member-theme-blue .lottery-pool-card>strong small{color:var(--member-muted)!important} body.app-shell.member-theme-orange .lottery-overview-grid .panel>strong, body.app-shell.member-theme-orange .lottery-overview-grid .panel>strong small, body.app-shell.member-theme-blue .lottery-overview-grid .panel>strong, body.app-shell.member-theme-blue .lottery-overview-grid .panel>strong small{color:var(--member-text)} body.app-shell.member-theme-orange .lottery-overview-grid .panel>p, body.app-shell.member-theme-blue .lottery-overview-grid .panel>p{color:var(--member-muted)} body.app-shell.member-theme-orange .lottery-balance, body.app-shell.member-theme-orange .lottery-seed, body.app-shell.member-theme-blue .lottery-balance, body.app-shell.member-theme-blue .lottery-seed{border:1px solid var(--member-border);background:var(--member-surface-deep);color:var(--member-muted)} body.app-shell.member-theme-orange .lottery-balance strong, body.app-shell.member-theme-blue .lottery-balance strong{color:var(--member-text)} body.app-shell.member-theme-orange .lottery-ticket-details, body.app-shell.member-theme-orange .lottery-ticket-details summary, body.app-shell.member-theme-orange .lottery-seed span, body.app-shell.member-theme-orange .lottery-fairness>small, body.app-shell.member-theme-blue .lottery-ticket-details, body.app-shell.member-theme-blue .lottery-ticket-details summary, body.app-shell.member-theme-blue .lottery-seed span, body.app-shell.member-theme-blue .lottery-fairness>small{color:var(--member-muted)} body.app-shell.member-theme-orange .lottery-closed, body.app-shell.member-theme-blue .lottery-closed{border:1px solid var(--member-border);background:var(--member-surface-raised);color:var(--member-muted)} body.app-shell.member-theme-orange .lottery-buy-form label, body.app-shell.member-theme-orange .lottery-buy-form small, body.app-shell.member-theme-blue .lottery-buy-form label, body.app-shell.member-theme-blue .lottery-buy-form small{color:var(--member-muted)} body.app-shell.member-theme-orange .lottery-list>div, body.app-shell.member-theme-orange .lottery-giveaway-total, body.app-shell.member-theme-blue .lottery-list>div, body.app-shell.member-theme-blue .lottery-giveaway-total{border-color:var(--member-border);color:var(--member-muted)} body.app-shell.member-theme-orange .lottery-list>div>:last-child, body.app-shell.member-theme-orange .lottery-giveaway-total strong, body.app-shell.member-theme-orange .lottery-seed code, body.app-shell.member-theme-orange .lottery-results code, body.app-shell.member-theme-blue .lottery-list>div>:last-child, body.app-shell.member-theme-blue .lottery-giveaway-total strong, body.app-shell.member-theme-blue .lottery-seed code, body.app-shell.member-theme-blue .lottery-results code{color:var(--member-accent)} body.app-shell.member-theme-orange .advertiser-balance>strong, body.app-shell.member-theme-blue .advertiser-balance>strong{color:var(--member-text)} body.app-shell.member-theme-orange .advertiser-balance>strong small, body.app-shell.member-theme-orange .advertiser-balance p, body.app-shell.member-theme-blue .advertiser-balance>strong small, body.app-shell.member-theme-blue .advertiser-balance p{color:var(--member-muted)} body.app-shell.member-theme-orange .buy-scripts-page, body.app-shell.member-theme-blue .buy-scripts-page{border-color:var(--member-border);background:linear-gradient(145deg,var(--member-surface-raised),var(--member-surface-deep));box-shadow:0 20px 56px #0004} body.app-shell.member-theme-orange .buy-scripts-heading h1, body.app-shell.member-theme-orange .buy-script-card h2, body.app-shell.member-theme-orange .buy-script-price strong, body.app-shell.member-theme-orange .buy-script-custom-note, body.app-shell.member-theme-orange .buy-script-custom-note strong, body.app-shell.member-theme-blue .buy-scripts-heading h1, body.app-shell.member-theme-blue .buy-script-card h2, body.app-shell.member-theme-blue .buy-script-price strong, body.app-shell.member-theme-blue .buy-script-custom-note, body.app-shell.member-theme-blue .buy-script-custom-note strong{color:var(--member-text)} body.app-shell.member-theme-orange .buy-scripts-heading p, body.app-shell.member-theme-orange .buy-script-card>p, body.app-shell.member-theme-orange .buy-script-features li, body.app-shell.member-theme-blue .buy-scripts-heading p, body.app-shell.member-theme-blue .buy-script-card>p, body.app-shell.member-theme-blue .buy-script-features li{color:var(--member-muted)} body.app-shell.member-theme-orange .buy-script-card, body.app-shell.member-theme-blue .buy-script-card{border-color:var(--member-border);background:linear-gradient(145deg,var(--member-surface),var(--member-surface-deep));box-shadow:0 14px 38px #0003} body.app-shell.member-theme-orange .buy-script-card-custom, body.app-shell.member-theme-blue .buy-script-card-custom{background:linear-gradient(145deg,var(--member-surface-raised),var(--member-surface));} body.app-shell.member-theme-orange .buy-script-icon, body.app-shell.member-theme-orange .buy-script-icon-custom, body.app-shell.member-theme-blue .buy-script-icon, body.app-shell.member-theme-blue .buy-script-icon-custom{border-color:var(--member-border);background:var(--member-accent-soft);color:var(--member-accent)} body.app-shell.member-theme-orange .buy-script-price small, body.app-shell.member-theme-orange .buy-script-divider, body.app-shell.member-theme-blue .buy-script-price small{color:var(--member-muted)} body.app-shell.member-theme-orange .buy-script-divider, body.app-shell.member-theme-blue .buy-script-divider{background:var(--member-border)} body.app-shell.member-theme-orange .buy-script-features li strong, body.app-shell.member-theme-blue .buy-script-features li strong{color:var(--member-text)} body.app-shell.member-theme-orange .buy-script-features .site-icon, body.app-shell.member-theme-blue .buy-script-features .site-icon{color:var(--member-accent)} /* Theme-aware colors for remaining member controls and page-specific cards. */ body.app-shell.member-theme-orange .member-nav-ready-dot, body.app-shell.member-theme-orange .member-nav-unread, body.app-shell.member-theme-blue .member-nav-ready-dot, body.app-shell.member-theme-blue .member-nav-unread{background:var(--member-accent);box-shadow:0 0 0 3px var(--member-accent-soft)} body.app-shell.member-theme-orange .ptc-progress-summary .ptc-progress-heading>strong, body.app-shell.member-theme-blue .ptc-progress-summary .ptc-progress-heading>strong{color:var(--member-text)!important} body.app-shell.member-theme-orange .ptc-progress-summary .ptc-progress-heading>span, body.app-shell.member-theme-blue .ptc-progress-summary .ptc-progress-heading>span{color:var(--member-muted)!important} body.app-shell.member-theme-orange .activity-row>strong.positive, body.app-shell.member-theme-orange .text-link, body.app-shell.member-theme-orange .empty-state>span, body.app-shell.member-theme-orange .empty-state>span .site-icon, body.app-shell.member-theme-orange .empty-state a, body.app-shell.member-theme-blue .activity-row>strong.positive, body.app-shell.member-theme-blue .text-link, body.app-shell.member-theme-blue .empty-state>span, body.app-shell.member-theme-blue .empty-state>span .site-icon, body.app-shell.member-theme-blue .empty-state a{color:var(--member-accent)} body.app-shell.member-theme-orange .ptc-viewed-card a.button:not(.button-dark), body.app-shell.member-theme-blue .ptc-viewed-card a.button:not(.button-dark){border:1px solid var(--member-border);background:var(--member-accent-soft);color:var(--member-text)} body.app-shell.member-theme-orange .ptc-viewed-card a.button:not(.button-dark):hover, body.app-shell.member-theme-blue .ptc-viewed-card a.button:not(.button-dark):hover{border-color:var(--member-accent);background:var(--member-hover);color:var(--member-accent)} body.app-shell.member-theme-orange .challenge-summary-grid>article>strong, body.app-shell.member-theme-orange .challenge-summary-grid>article>strong small, body.app-shell.member-theme-orange .challenge-summary-grid>article>small, body.app-shell.member-theme-blue .challenge-summary-grid>article>strong, body.app-shell.member-theme-blue .challenge-summary-grid>article>strong small, body.app-shell.member-theme-blue .challenge-summary-grid>article>small{color:var(--member-text)} body.app-shell.member-theme-orange .challenge-total-reward{border-color:#713b28!important;background:linear-gradient(145deg,#482419,#171719)!important} body.app-shell.member-theme-blue .challenge-total-reward{border-color:#49659d!important;background:linear-gradient(145deg,#243b70,#111a36)!important} body.app-shell.member-theme-orange .challenge-total-reward .section-tag, body.app-shell.member-theme-orange .challenge-total-reward>strong, body.app-shell.member-theme-orange .challenge-total-reward>strong small, body.app-shell.member-theme-orange .challenge-total-reward>small, body.app-shell.member-theme-blue .challenge-total-reward .section-tag, body.app-shell.member-theme-blue .challenge-total-reward>strong, body.app-shell.member-theme-blue .challenge-total-reward>strong small, body.app-shell.member-theme-blue .challenge-total-reward>small{color:var(--member-text)!important} body.app-shell.member-theme-orange .button-challenge-pending, body.app-shell.member-theme-orange .button-challenge-claimed, body.app-shell.member-theme-blue .button-challenge-pending, body.app-shell.member-theme-blue .button-challenge-claimed{border:1px solid var(--member-border);background:var(--member-surface-raised);color:var(--member-muted)} body.app-shell.member-theme-orange .game-card, body.app-shell.member-theme-blue .game-card{border-color:var(--member-border);background:linear-gradient(145deg,var(--member-surface-raised),var(--member-surface));color:var(--member-text);box-shadow:0 14px 38px #0004} body.app-shell.member-theme-orange .game-card:hover, body.app-shell.member-theme-blue .game-card:hover{border-color:var(--member-accent);box-shadow:0 18px 42px #0006} body.app-shell.member-theme-orange .game-card-image, body.app-shell.member-theme-blue .game-card-image{border-color:var(--member-border);background:var(--member-accent-soft);color:var(--member-accent)} body.app-shell.member-theme-orange .game-card-copy h2, body.app-shell.member-theme-blue .game-card-copy h2{color:var(--member-text)} body.app-shell.member-theme-orange .game-card-copy p, body.app-shell.member-theme-blue .game-card-copy p{color:var(--member-muted)} body.app-shell.member-theme-orange .withdraw-form .form-stack label, body.app-shell.member-theme-orange .coin-picker legend, body.app-shell.member-theme-orange .recent-addresses>span, body.app-shell.member-theme-blue .withdraw-form .form-stack label, body.app-shell.member-theme-blue .coin-picker legend, body.app-shell.member-theme-blue .recent-addresses>span{color:var(--member-muted)} body.app-shell.member-theme-orange .withdraw-form .form-stack label small, body.app-shell.member-theme-blue .withdraw-form .form-stack label small{color:var(--member-muted)} body.app-shell.member-theme-orange .coin-option, body.app-shell.member-theme-blue .coin-option{border-color:var(--member-border);background:var(--member-surface-raised);color:var(--member-text)} body.app-shell.member-theme-orange .coin-option:has(input:checked), body.app-shell.member-theme-orange .coin-option.is-selected, body.app-shell.member-theme-blue .coin-option:has(input:checked), body.app-shell.member-theme-blue .coin-option.is-selected{border-color:var(--member-accent);background:var(--member-accent-soft);box-shadow:0 0 0 2px var(--member-accent-soft)} body.app-shell.member-theme-orange .coin-option:focus-within, body.app-shell.member-theme-blue .coin-option:focus-within{outline-color:var(--member-accent)} body.app-shell.member-theme-orange .coin-option-name, body.app-shell.member-theme-blue .coin-option-name{color:var(--member-text)} body.app-shell.member-theme-orange .coin-option-estimate, body.app-shell.member-theme-blue .coin-option-estimate{color:var(--member-muted)} body.app-shell.member-theme-orange .coin-option.is-disabled, body.app-shell.member-theme-blue .coin-option.is-disabled{background:var(--member-surface-deep)} body.app-shell.member-theme-orange .payout-warning, body.app-shell.member-theme-blue .payout-warning{border:1px solid #8e5037;background:#2a1b19;color:#ffc0a6} body.app-shell.member-theme-orange .form-error, body.app-shell.member-theme-blue .form-error{border-color:#8e5037;background:#2a1b19;color:#ffc0a6} body.app-shell.member-theme-orange .form-error a, body.app-shell.member-theme-blue .form-error a{color:#ff9b73;text-decoration:underline} body.app-shell.member-theme-orange .referral-policy-note, body.app-shell.member-theme-orange .referral-link-panel>div>p, body.app-shell.member-theme-blue .referral-policy-note, body.app-shell.member-theme-blue .referral-link-panel>div>p{color:var(--member-muted)} body.app-shell.member-theme-orange .referral-members thead th, body.app-shell.member-theme-blue .referral-members thead th{color:var(--member-accent)} body.app-shell.member-theme-orange .referral-members tbody td, body.app-shell.member-theme-blue .referral-members tbody td{color:var(--member-text)} body.app-shell.member-theme-orange .referral-invite-note, body.app-shell.member-theme-blue .referral-invite-note{border:1px solid var(--member-border);background:var(--member-surface-raised);color:var(--member-muted)} body.app-shell.member-theme-orange .referral-invite-note strong, body.app-shell.member-theme-blue .referral-invite-note strong{color:var(--member-text)} body.app-shell.member-theme-orange .support-compose, body.app-shell.member-theme-blue .support-compose{border-color:var(--member-border)} body.app-shell.member-theme-orange .support-compose label, body.app-shell.member-theme-blue .support-compose label{color:var(--member-muted)} body.app-shell.member-theme-orange .support-compose label small, body.app-shell.member-theme-blue .support-compose label small{color:var(--member-muted)} body.app-shell.member-theme-orange .support-compose input[type=file], body.app-shell.member-theme-blue .support-compose input[type=file]{border-color:var(--member-border);background:var(--member-surface-deep)!important;color:var(--member-text)!important} body.app-shell.member-theme-orange .support-compose input[type=file]::file-selector-button, body.app-shell.member-theme-blue .support-compose input[type=file]::file-selector-button{margin-right:10px;padding:8px 12px;border:1px solid var(--member-border);border-radius:8px;background:var(--member-accent-soft);color:var(--member-text);font:600 13px 'DM Sans',sans-serif;cursor:pointer} body.app-shell.member-theme-orange .support-compose input[type=file]::file-selector-button:hover, body.app-shell.member-theme-blue .support-compose input[type=file]::file-selector-button:hover{border-color:var(--member-accent);background:var(--member-hover)} body.app-shell.member-theme-orange .advertiser-token-preview, body.app-shell.member-theme-blue .advertiser-token-preview{border:1px solid var(--member-border);background:var(--member-surface-deep);color:var(--member-muted)} body.app-shell.member-theme-orange .advertiser-token-preview strong, body.app-shell.member-theme-blue .advertiser-token-preview strong{color:var(--member-text)} body.app-shell.member-theme-orange .advertiser-price-preview, body.app-shell.member-theme-orange .advertiser-usdt-preview, body.app-shell.member-theme-blue .advertiser-price-preview, body.app-shell.member-theme-blue .advertiser-usdt-preview{border:1px solid var(--member-border);background:var(--member-surface-deep);color:var(--member-muted)} body.app-shell.member-theme-orange .advertiser-price-preview strong, body.app-shell.member-theme-orange .advertiser-usdt-preview strong, body.app-shell.member-theme-blue .advertiser-price-preview strong, body.app-shell.member-theme-blue .advertiser-usdt-preview strong{color:var(--member-text)} body.app-shell.member-theme-orange .advertiser-image-source, body.app-shell.member-theme-orange .advertiser-pages-field, body.app-shell.member-theme-blue .advertiser-image-source, body.app-shell.member-theme-blue .advertiser-pages-field{border-color:var(--member-border);background:var(--member-surface-deep);color:var(--member-muted)} body.app-shell.member-theme-orange .advertiser-image-source legend, body.app-shell.member-theme-orange .advertiser-pages-field legend, body.app-shell.member-theme-blue .advertiser-image-source legend, body.app-shell.member-theme-blue .advertiser-pages-field legend{color:var(--member-text)} body.app-shell.member-theme-orange .advertiser-pages-field>small, body.app-shell.member-theme-blue .advertiser-pages-field>small{color:var(--member-muted)} body.app-shell.member-theme-orange .advertiser-image-source label, body.app-shell.member-theme-orange .advertiser-page-checkboxes label, body.app-shell.member-theme-blue .advertiser-image-source label, body.app-shell.member-theme-blue .advertiser-page-checkboxes label{border-color:var(--member-border);background:var(--member-surface-raised);color:var(--member-muted)} body.app-shell.member-theme-orange .advertiser-banner-preview, body.app-shell.member-theme-blue .advertiser-banner-preview{border-color:var(--member-border);background:var(--member-surface-deep)} body.app-shell.member-theme-orange .recent-address-button, body.app-shell.member-theme-blue .recent-address-button{border-color:var(--member-border);background:var(--member-surface-raised);color:var(--member-text)} body.app-shell.member-theme-orange .recent-address-button:hover, body.app-shell.member-theme-blue .recent-address-button:hover{border-color:var(--member-accent);background:var(--member-hover)} body.app-shell.member-theme-orange .recent-address-button strong, body.app-shell.member-theme-blue .recent-address-button strong{color:var(--member-accent)} body.app-shell.member-theme-orange .recent-address-button span, body.app-shell.member-theme-blue .recent-address-button span{color:var(--member-muted)} body.app-shell.member-theme-orange .challenge-feedback.is-success, body.app-shell.member-theme-blue .challenge-feedback.is-success{border:1px solid var(--member-border);background:var(--member-accent-soft);color:var(--member-accent)} body.app-shell.member-theme-orange .challenge-feedback.is-error, body.app-shell.member-theme-blue .challenge-feedback.is-error{border:1px solid #8e5037;background:#2a1b19;color:#ffc0a6} body.app-shell.member-theme-orange .daily-challenge-complete-mark, body.app-shell.member-theme-blue .daily-challenge-complete-mark{background:var(--member-accent-soft);color:var(--member-accent)} body.app-shell.member-theme-orange .daily-challenge-card.is-complete, body.app-shell.member-theme-blue .daily-challenge-card.is-complete{border-color:var(--member-accent)} body.app-shell.member-theme-orange .challenge-topic-filter, body.app-shell.member-theme-blue .challenge-topic-filter{border-color:var(--member-border);background:var(--member-surface-raised);color:var(--member-muted)} body.app-shell.member-theme-orange .challenge-topic-filter:hover, body.app-shell.member-theme-blue .challenge-topic-filter:hover{border-color:var(--member-accent);background:var(--member-hover);color:var(--member-text)} body.app-shell.member-theme-orange .challenge-topic-filter.is-active, body.app-shell.member-theme-blue .challenge-topic-filter.is-active{border-color:var(--member-accent);background:var(--member-accent-soft);color:var(--member-accent)} body.app-shell.member-theme-orange .challenge-topic-filter:focus-visible, body.app-shell.member-theme-blue .challenge-topic-filter:focus-visible{outline-color:var(--member-accent)} body.app-shell.member-theme-orange select option, body.app-shell.member-theme-blue select option{background:var(--member-surface-raised);color:var(--member-text)} body.app-shell.member-theme-orange input[type=checkbox], body.app-shell.member-theme-orange input[type=radio], body.app-shell.member-theme-blue input[type=checkbox], body.app-shell.member-theme-blue input[type=radio]{accent-color:var(--member-accent)} body.app-shell.member-theme-orange .form-stack input:focus, body.app-shell.member-theme-orange .form-stack select:focus, body.app-shell.member-theme-orange .form-stack textarea:focus, body.app-shell.member-theme-blue .form-stack input:focus, body.app-shell.member-theme-blue .form-stack select:focus, body.app-shell.member-theme-blue .form-stack textarea:focus{border-color:var(--member-accent);box-shadow:0 0 0 3px var(--member-accent-soft)} body.app-shell.member-theme-orange .shortlink-summary .shortlink-progress-summary .shortlink-progress-heading>strong, body.app-shell.member-theme-blue .shortlink-summary .shortlink-progress-summary .shortlink-progress-heading>strong{color:var(--member-text)!important} body.app-shell.member-theme-orange .shortlink-reward-amount, body.app-shell.member-theme-blue .shortlink-reward-amount{color:var(--member-accent)} body.app-shell.member-theme-orange .shortlink-reward-amount small, body.app-shell.member-theme-orange .shortlink-note, body.app-shell.member-theme-blue .shortlink-reward-amount small, body.app-shell.member-theme-blue .shortlink-note{color:var(--member-muted)} body.app-shell.member-theme-orange .shortlink-summary>article>strong small, body.app-shell.member-theme-blue .shortlink-summary>article>strong small{color:var(--member-muted)} body.app-shell.member-theme-orange .shortlink-progress-heading>span, body.app-shell.member-theme-blue .shortlink-progress-heading>span{color:var(--member-muted)} /* Keep secondary text and nested surfaces aligned with the active member theme. */ body.app-shell.member-theme-orange .metric-card>strong small, body.app-shell.member-theme-blue .metric-card>strong small, body.app-shell.member-theme-orange .available-balance strong small, body.app-shell.member-theme-blue .available-balance strong small{color:var(--member-muted)!important} body.app-shell.member-theme-orange .token-rate-list>div, body.app-shell.member-theme-blue .token-rate-list>div{border-color:var(--member-border);background:var(--member-surface-raised);color:var(--member-muted)} body.app-shell.member-theme-orange .token-rate-list strong, body.app-shell.member-theme-blue .token-rate-list strong{color:var(--member-accent)} body.app-shell.member-theme-orange .token-rate-list span, body.app-shell.member-theme-orange .token-rate-note, body.app-shell.member-theme-blue .token-rate-list span, body.app-shell.member-theme-blue .token-rate-note{color:var(--member-muted)} body.app-shell.member-theme-orange .faucet-claim-panel, body.app-shell.member-theme-blue .faucet-claim-panel{border-color:var(--member-border);background:linear-gradient(145deg,var(--member-surface-raised),var(--member-surface));color:var(--member-text);box-shadow:0 12px 30px #0003} body.app-shell.member-theme-orange .faucet-claim-panel>.section-tag, body.app-shell.member-theme-blue .faucet-claim-panel>.section-tag{color:var(--member-accent)} body.app-shell.member-theme-orange .ptc-viewed-card>p, body.app-shell.member-theme-orange .ptc-viewed-time, body.app-shell.member-theme-blue .ptc-viewed-card>p, body.app-shell.member-theme-blue .ptc-viewed-time{color:var(--member-muted)!important} body.app-shell.member-theme-orange .button-challenge-pending, body.app-shell.member-theme-orange .button-challenge-claimed, body.app-shell.member-theme-blue .button-challenge-pending, body.app-shell.member-theme-blue .button-challenge-claimed{border-color:var(--member-border)!important;background:var(--member-surface-raised)!important;color:var(--member-muted)!important;opacity:1} body.app-shell.member-theme-orange .support-heading p, body.app-shell.member-theme-blue .support-heading p{color:var(--member-muted)} body.app-shell.member-theme-orange .profile-panel .form-stack label, body.app-shell.member-theme-blue .profile-panel .form-stack label, body.app-shell.member-theme-orange .profile-panel .form-stack label small, body.app-shell.member-theme-blue .profile-panel .form-stack label small{color:var(--member-muted)} body.app-shell.member-theme-orange .profile-meta b, body.app-shell.member-theme-blue .profile-meta b{color:var(--member-text)} /* Profile: centered account content with optional side inventory for two ads per rail. */ .profile-page{container-type:inline-size;width:100%;min-width:0;margin:0 auto;padding-bottom:28px} .profile-page>.profile-heading{margin-bottom:22px} .profile-account-layout{display:grid;grid-template-columns:minmax(0,820px);justify-content:center;gap:18px;align-items:start;width:100%;min-width:0} .profile-account-layout.has-left-ad.has-right-ad{grid-template-columns:minmax(0,300px) minmax(0,820px) minmax(0,300px)} .profile-account-layout.has-left-ad:not(.has-right-ad){grid-template-columns:minmax(0,300px) minmax(0,820px)} .profile-account-layout.has-right-ad:not(.has-left-ad){grid-template-columns:minmax(0,820px) minmax(0,300px)} .profile-main-column{display:grid;gap:18px;min-width:0;grid-column:1} .profile-account-layout.has-left-ad.has-right-ad .profile-main-column{grid-column:2} .profile-account-layout.has-left-ad:not(.has-right-ad) .profile-main-column{grid-column:2} .profile-account-layout.has-right-ad:not(.has-left-ad) .profile-main-column{grid-column:1} .profile-ad-rail{display:grid;gap:16px;align-content:start;justify-items:center;min-width:0} .profile-ad-left{grid-column:1} .profile-ad-right{grid-column:3} .profile-account-layout.has-right-ad:not(.has-left-ad) .profile-ad-right{grid-column:2} .profile-ad-rail>.page-ad-slot{width:300px;max-width:100%;margin:0 auto} .profile-account-layout:not(.has-left-ad):not(.has-right-ad) .profile-main-column{width:100%} .profile-verification-panel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 24px;margin:0} .profile-status-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#edf3e8;color:#64875c;font:700 20px Manrope,sans-serif} .profile-verification-copy{min-width:0} .profile-verification-copy .section-tag{display:block;margin-bottom:5px} .profile-verification-copy h2{margin:0 0 5px;font:650 19px/1.3 Manrope,sans-serif;letter-spacing:-.035em} .profile-verification-copy p{margin:0;line-height:1.6;overflow-wrap:anywhere} .profile-verification-action{margin:0} .profile-verification-action .button{white-space:nowrap} .profile-panel{width:100%;max-width:none;box-sizing:border-box;padding:26px;margin:0} .profile-panel-heading{margin-bottom:22px} .profile-panel-heading h2{margin:6px 0;font:650 22px/1.3 Manrope,sans-serif;letter-spacing:-.04em} .profile-panel-heading p{margin:0;max-width:600px;line-height:1.6} .profile-panel .profile-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px} .profile-panel .profile-form>label{display:flex;flex-direction:column;gap:7px;min-width:0;margin:0} .profile-panel .profile-form>label small{display:block;margin:0;font-size:12px;line-height:1.45} .profile-panel .profile-form>label input{width:100%;min-width:0} .profile-panel .profile-form .claim-message,.profile-panel .profile-form>button{grid-column:1/-1} .profile-panel .profile-form>button{justify-self:start;min-width:min(280px,100%);margin-top:2px} .profile-meta{display:flex;justify-content:space-between;gap:16px;margin-top:22px;padding-top:17px} .profile-meta span{color:var(--member-muted,#74807b)} .profile-meta b{font-weight:700} body.app-shell.member-theme-orange .profile-status-mark, body.app-shell.member-theme-blue .profile-status-mark{background:var(--member-accent-soft);color:var(--member-accent)} body.app-shell.member-theme-orange .profile-verification-panel, body.app-shell.member-theme-blue .profile-verification-panel{border-color:var(--member-border)} @container (max-width:1455px){ .profile-account-layout.has-left-ad.has-right-ad{grid-template-columns:minmax(0,820px);justify-content:center} .profile-account-layout.has-left-ad.has-right-ad .profile-main-column{grid-column:1;grid-row:1} .profile-account-layout.has-left-ad.has-right-ad .profile-ad-rail{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;grid-column:1} .profile-account-layout.has-left-ad.has-right-ad .profile-ad-left{grid-row:2} .profile-account-layout.has-left-ad.has-right-ad .profile-ad-right{grid-row:3} } @container (max-width:1137px){ .profile-account-layout.has-left-ad:not(.has-right-ad), .profile-account-layout.has-right-ad:not(.has-left-ad){grid-template-columns:minmax(0,820px);justify-content:center} .profile-account-layout.has-left-ad:not(.has-right-ad) .profile-main-column, .profile-account-layout.has-right-ad:not(.has-left-ad) .profile-main-column{grid-column:1;grid-row:1} .profile-account-layout.has-left-ad:not(.has-right-ad) .profile-ad-rail, .profile-account-layout.has-right-ad:not(.has-left-ad) .profile-ad-rail{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;grid-column:1;grid-row:2} } @container (max-width:680px){ .profile-verification-panel{grid-template-columns:auto minmax(0,1fr);gap:13px;padding:18px} .profile-verification-action{grid-column:1/-1} .profile-verification-action .button{width:100%;white-space:normal} .profile-panel{padding:20px} .profile-panel .profile-form{grid-template-columns:minmax(0,1fr);gap:16px} .profile-panel .profile-form .claim-message,.profile-panel .profile-form>button{grid-column:1} .profile-panel .profile-form>button{width:100%} .profile-meta{align-items:flex-start;flex-direction:column;gap:5px} } /* Keep member pages on their selected theme, including elements with legacy sage defaults. */ body.app-shell.member-theme-orange .notification-list-panel, body.app-shell.member-theme-blue .notification-list-panel{border-color:var(--member-border);background:linear-gradient(145deg,var(--member-surface-raised),var(--member-surface));color:var(--member-text)} body.app-shell.member-theme-orange .member-notification, body.app-shell.member-theme-blue .member-notification{border-color:var(--member-border)} body.app-shell.member-theme-orange .member-notification-heading h2, body.app-shell.member-theme-blue .member-notification-heading h2{color:var(--member-text)} body.app-shell.member-theme-orange .member-notification-copy p, body.app-shell.member-theme-orange .member-notification-copy time, body.app-shell.member-theme-blue .member-notification-copy p, body.app-shell.member-theme-blue .member-notification-copy time{color:var(--member-muted)!important} body.app-shell.member-theme-orange .member-notification-mark, body.app-shell.member-theme-blue .member-notification-mark{background:var(--member-accent-soft);color:var(--member-accent)} body.app-shell.member-theme-orange .member-notification.was-unread .member-notification-mark, body.app-shell.member-theme-blue .member-notification.was-unread .member-notification-mark{background:var(--member-accent-soft);color:var(--member-accent)} body.app-shell.member-theme-orange .new-notification-label, body.app-shell.member-theme-blue .new-notification-label{border-color:var(--member-border);background:var(--member-accent-soft);color:var(--member-accent)} body.app-shell.member-theme-orange .advertiser-create-choice, body.app-shell.member-theme-blue .advertiser-create-choice{border-color:var(--member-border);background:linear-gradient(145deg,var(--member-surface-raised),var(--member-surface));color:var(--member-text);box-shadow:0 14px 38px #0004} body.app-shell.member-theme-orange .advertiser-create-choice:hover, body.app-shell.member-theme-blue .advertiser-create-choice:hover{border-color:var(--member-accent);background:linear-gradient(145deg,var(--member-hover),var(--member-surface));box-shadow:0 16px 34px #0005} body.app-shell.member-theme-orange .advertiser-create-choice:before, body.app-shell.member-theme-blue .advertiser-create-choice:before{border-color:color-mix(in srgb,var(--member-accent) 24%,transparent);box-shadow:0 0 0 18px color-mix(in srgb,var(--member-accent) 5%,transparent),0 0 0 38px color-mix(in srgb,var(--member-accent) 3%,transparent)} body.app-shell.member-theme-orange .advertiser-create-choice strong, body.app-shell.member-theme-blue .advertiser-create-choice strong{color:var(--member-text)} body.app-shell.member-theme-orange .advertiser-create-choice>span:not(.section-tag), body.app-shell.member-theme-blue .advertiser-create-choice>span:not(.section-tag){color:var(--member-muted)} body.app-shell.member-theme-orange .ptc-adslab-panel [data-adslab-refresh], body.app-shell.member-theme-blue .ptc-adslab-panel [data-adslab-refresh]{border:1px solid var(--member-border);background:var(--member-accent-soft);color:var(--member-accent);box-shadow:none} body.app-shell.member-theme-orange .ptc-adslab-panel [data-adslab-refresh]:hover:not(:disabled), body.app-shell.member-theme-blue .ptc-adslab-panel [data-adslab-refresh]:hover:not(:disabled){border-color:var(--member-accent);background:var(--member-hover);color:var(--member-accent)} body.app-shell.member-theme-orange .ptc-adslab-panel [data-adslab-refresh]:disabled, body.app-shell.member-theme-blue .ptc-adslab-panel [data-adslab-refresh]:disabled{border-color:var(--member-border)!important;background:var(--member-accent-soft)!important;color:var(--member-accent)!important;box-shadow:none;opacity:.82;cursor:not-allowed} /* The shared form-stack width cap is for login forms; profile settings fill their panel. */ .profile-panel .profile-form{width:100%;max-width:none;min-width:0;box-sizing:border-box} .profile-panel .profile-form>label{width:100%;box-sizing:border-box} .profile-panel .profile-form>label input{display:block;box-sizing:border-box} .profile-panel .profile-form>button{width:min(100%,320px)} .user-chip:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:12px} /* Compact one-provider-per-row editor for the admin Shortlinks page. */ .shortlink-table-wrap{width:100%;overflow-x:auto;border:1px solid #e2e8df;border-radius:14px;background:#fffefa} .shortlink-admin-table{width:100%;min-width:1540px;table-layout:fixed;border-collapse:separate;border-spacing:0;color:#26332e;font-size:13px} .shortlink-admin-table th{padding:12px 10px;background:#f4f7f1;color:#68766d;text-align:left;font-size:11px;font-weight:750;letter-spacing:.045em;white-space:nowrap} .shortlink-admin-table td{padding:9px 10px;border-top:1px solid #e9ede6;vertical-align:middle} .shortlink-admin-table th:nth-child(1){width:170px} .shortlink-admin-table th:nth-child(2){width:235px} .shortlink-admin-table th:nth-child(3){width:280px} .shortlink-admin-table th:nth-child(4){width:270px} .shortlink-admin-table th:nth-child(5){width:125px} .shortlink-admin-table th:nth-child(6){width:140px} .shortlink-admin-table th:nth-child(7){width:260px} .shortlink-admin-table input{box-sizing:border-box;width:100%;min-width:0;height:40px;padding:8px 10px;border:1px solid #dce4d9;border-radius:9px;background:#fff;color:#26332e;font:inherit} .shortlink-admin-table input:focus{outline:2px solid #8ea9ff;outline-offset:1px;border-color:#8ea9ff} .shortlink-admin-table input::placeholder{color:#89938d} .shortlink-admin-actions{display:flex;width:100%;align-items:center;justify-content:center;gap:24px;white-space:nowrap} .shortlink-admin-actions form{display:inline-flex;flex:none;margin:0;vertical-align:middle} .shortlink-admin-actions .button{padding:9px 13px;font-size:12px} .shortlink-hidden-form{display:none!important} .shortlink-toggle{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:7px 11px;border:1px solid #e0e5dd;border-radius:999px;background:#f2f4ef;color:#707b73;font:inherit;font-size:12px;font-weight:700;cursor:pointer} .shortlink-toggle span{position:relative;width:29px;height:17px;border-radius:999px;background:#c7cec5;transition:background .16s ease} .shortlink-toggle span:after{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:white;content:"";box-shadow:0 1px 3px #0002;transition:transform .16s ease} .shortlink-toggle.is-on{border-color:#c9e3d0;background:#eff8f0;color:#34704a} .shortlink-toggle.is-on span{background:#55a96d} .shortlink-toggle.is-on span:after{transform:translateX(12px)} .shortlink-toggle:focus-visible{outline:2px solid #668fff;outline-offset:2px} .shortlink-new-row td{background:#f7f9f5} .shortlink-new-row td:first-child{border-bottom-left-radius:13px} .shortlink-new-row td:last-child{border-bottom-right-radius:13px} .shortlink-new-row .shortlink-admin-actions{justify-content:center} @media(max-width:1650px){ .shortlink-admin-table{min-width:0} .shortlink-admin-table th:nth-child(1){width:130px} .shortlink-admin-table th:nth-child(2){width:180px} .shortlink-admin-table th:nth-child(3){width:220px} .shortlink-admin-table th:nth-child(4){width:205px} .shortlink-admin-table th:nth-child(5){width:95px} .shortlink-admin-table th:nth-child(6){width:105px} .shortlink-admin-table th:nth-child(7){width:200px} } @media(max-width:900px){.shortlink-admin-table{min-width:1160px}} .daily-streak-panel{margin:26px 0 22px;padding:22px;border:1px solid #e5eae2;border-radius:18px;background:linear-gradient(145deg,#fffefa,#f7f8f2);color:#233129} .daily-streak-heading{align-items:flex-start;margin-bottom:20px} .daily-streak-heading h2{margin:4px 0 5px;font:700 24px/1.2 Manrope,sans-serif} .daily-streak-heading p{margin:0;color:#78867d;font-size:13px} .daily-streak-current{flex:none;padding:8px 12px;border:1px solid #dce8dd;border-radius:999px;background:#f1f7ef;color:#4d8054;font-size:12px;font-weight:700} .daily-streak-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px} .daily-streak-day{position:relative;display:flex;min-height:112px;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:15px;border:1px solid #e4e9e1;border-radius:13px;background:#fff;color:#5f6e64} .daily-streak-day-label{color:#859188;font-size:10px;font-weight:750;letter-spacing:.08em} .daily-streak-day strong{margin-top:7px;color:#25372b;font:750 23px/1 Manrope,sans-serif} .daily-streak-day small{color:#809087;font-size:11px;font-weight:650} .daily-streak-day.is-complete{border-color:#bbd8bf;background:#f1f8f0} .daily-streak-day.is-complete .daily-streak-day-label,.daily-streak-day.is-complete strong,.daily-streak-day.is-complete small{color:#4d8054} .daily-streak-day.is-next{border-color:#98bc9c;box-shadow:0 0 0 2px #6e9b741c} .daily-streak-today{position:absolute;top:10px;right:10px;padding:4px 7px;border-radius:999px;background:#dbe8ff;color:#2559b8;font-size:8px;font-weight:800;letter-spacing:.08em} .daily-streak-day.is-next{border-width:2px;border-color:#74a4ff;background:#eaf1ff;box-shadow:0 0 0 3px #74a4ff24,0 10px 24px #4778d51c} .daily-streak-day.is-next .daily-streak-day-label{color:#5278bd} .daily-streak-day.is-next strong{color:#2559b8;font-size:27px} .daily-streak-day.is-next small{color:#5278bd} .daily-streak-check{position:absolute;top:12px;right:12px;display:grid;width:21px;height:21px;place-items:center;border-radius:50%;background:#dceedd;color:#3b7547;font-size:12px;font-weight:800} .daily-streak-claim-area{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:18px 20px;border:1px solid #e4e9e1;border-radius:14px;background:#f7f8f4} .daily-streak-claim-area>div>strong{color:#26382d;font-size:14px} .daily-streak-claim-area p{margin:5px 0 0;color:#78867d;font-size:12px} .daily-streak-claim{flex:none;min-width:170px} .daily-streak-claim:disabled{border-color:#dce4dc;background:#e9ede8;color:#737e75;box-shadow:none;cursor:default} body.app-shell.member-theme-orange .daily-streak-panel,body.app-shell.member-theme-blue .daily-streak-panel{border-color:var(--member-border);background:linear-gradient(145deg,var(--member-surface-raised),var(--member-surface));color:var(--member-text);box-shadow:0 12px 30px #0003} body.app-shell.member-theme-orange .daily-streak-heading h2,body.app-shell.member-theme-blue .daily-streak-heading h2,body.app-shell.member-theme-orange .daily-streak-claim-area>div>strong,body.app-shell.member-theme-blue .daily-streak-claim-area>div>strong{color:var(--member-text)} body.app-shell.member-theme-orange .daily-streak-heading p,body.app-shell.member-theme-blue .daily-streak-heading p,body.app-shell.member-theme-orange .daily-streak-claim-area p,body.app-shell.member-theme-blue .daily-streak-claim-area p{color:var(--member-muted)} body.app-shell.member-theme-orange .daily-streak-current,body.app-shell.member-theme-blue .daily-streak-current{border-color:var(--member-border);background:var(--member-accent-soft);color:var(--member-accent)} body.app-shell.member-theme-orange .daily-streak-day,body.app-shell.member-theme-blue .daily-streak-day{border-color:var(--member-border);background:var(--member-surface-deep);color:var(--member-muted)} body.app-shell.member-theme-orange .daily-streak-day strong,body.app-shell.member-theme-blue .daily-streak-day strong{color:var(--member-text)} body.app-shell.member-theme-orange .daily-streak-day.is-next,body.app-shell.member-theme-blue .daily-streak-day.is-next{border-color:var(--member-accent);background:var(--member-accent-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--member-accent) 16%,transparent),0 10px 24px #0002} body.app-shell.member-theme-orange .daily-streak-day.is-next .daily-streak-day-label,body.app-shell.member-theme-orange .daily-streak-day.is-next strong,body.app-shell.member-theme-orange .daily-streak-day.is-next small,body.app-shell.member-theme-blue .daily-streak-day.is-next .daily-streak-day-label,body.app-shell.member-theme-blue .daily-streak-day.is-next strong,body.app-shell.member-theme-blue .daily-streak-day.is-next small{color:var(--member-accent)} body.app-shell.member-theme-orange .daily-streak-today,body.app-shell.member-theme-blue .daily-streak-today{background:var(--member-accent);color:#111} body.app-shell.member-theme-orange .daily-streak-day.is-complete,body.app-shell.member-theme-blue .daily-streak-day.is-complete{border-color:var(--member-accent);background:var(--member-accent-soft)} body.app-shell.member-theme-orange .daily-streak-day.is-complete strong,body.app-shell.member-theme-orange .daily-streak-day.is-complete .daily-streak-day-label,body.app-shell.member-theme-orange .daily-streak-day.is-complete small,body.app-shell.member-theme-blue .daily-streak-day.is-complete strong,body.app-shell.member-theme-blue .daily-streak-day.is-complete .daily-streak-day-label,body.app-shell.member-theme-blue .daily-streak-day.is-complete small{color:var(--member-accent)} body.app-shell.member-theme-light .daily-streak-check{background:#dceedd;color:#3b7547} body.app-shell.member-theme-orange .daily-streak-check{background:var(--member-accent);color:#1b100c} body.app-shell.member-theme-blue .daily-streak-check{background:var(--member-accent);color:#08122d} body.app-shell.member-theme-orange .daily-streak-claim-area,body.app-shell.member-theme-blue .daily-streak-claim-area{border-color:var(--member-border);background:var(--member-surface-deep)} body.app-shell.member-theme-orange .daily-streak-claim,body.app-shell.member-theme-blue .daily-streak-claim{border-color:var(--member-accent);background:var(--member-accent);color:#111} body.app-shell.member-theme-orange .daily-streak-claim:disabled,body.app-shell.member-theme-blue .daily-streak-claim:disabled{border-color:var(--member-border);background:var(--member-surface-raised);color:var(--member-muted)} .streak-admin-intro h2{margin:5px 0 7px}.streak-admin-intro p{max-width:900px;margin:0;color:#6c7b70;line-height:1.55}.streak-admin-panel{margin-top:14px;padding:20px}.streak-admin-form{width:100%;max-width:none}.streak-admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.streak-admin-grid label{display:grid;gap:7px;margin:0;color:#58675d;font-size:12px;font-weight:700}.streak-admin-reward{display:flex;align-items:center;gap:8px}.streak-admin-reward input{min-width:0;flex:1}.streak-admin-reward small{color:#78867d;font-size:12px;font-weight:700} @media(max-width:900px){.daily-streak-panel{margin-top:22px;padding:17px}.daily-streak-days{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.daily-streak-day{min-height:100px;padding:13px}.daily-streak-claim-area{align-items:flex-start;flex-direction:column;padding:16px}.daily-streak-claim{width:100%}.streak-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:480px){.daily-streak-panel{margin-top:18px;padding:15px}.daily-streak-heading{flex-direction:column;gap:10px}.daily-streak-heading h2{font-size:21px}.daily-streak-days{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.daily-streak-day{min-height:92px;padding:12px}.daily-streak-day strong{font-size:21px}.daily-streak-day.is-next strong{font-size:25px}.daily-streak-claim-area{gap:12px}.streak-admin-grid{grid-template-columns:1fr}} .streak-network-panel{margin-top:14px;padding:18px}.streak-network-list{display:grid;gap:14px;margin-bottom:16px}.streak-network-form{display:grid;grid-template-columns:1.1fr .8fr 1.3fr 1.3fr .55fr .7fr .8fr .65fr auto;align-items:end;gap:12px;padding:14px;border:1px solid #e5eae2;border-radius:14px;background:#fffefa}.streak-network-form label{display:grid;min-width:0;gap:6px;margin:0;color:#5f6e64;font-size:11px;font-weight:700}.streak-network-form input,.streak-network-form select,.streak-network-form textarea{min-width:0;width:100%;padding:10px 11px;font-size:12px}.streak-network-form textarea{min-height:74px;resize:vertical;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.streak-network-code{grid-column:span 2}.streak-network-form small{color:#7e8c82;font-size:10px;font-weight:500}.streak-network-enabled{display:flex!important;align-items:center;justify-content:center;gap:7px!important;min-height:39px;padding:8px;border:1px solid #e5eae2;border-radius:10px;background:#f7f8f4}.streak-network-enabled input{width:17px;height:17px;accent-color:#4da66b}.streak-network-actions{display:flex;align-items:center}.streak-network-actions .button{min-height:40px;padding:0 14px;white-space:nowrap;font-size:12px}.streak-network-delete{display:flex;justify-content:flex-end;margin-top:-9px;margin-bottom:-4px}.streak-network-delete .button{padding:5px 10px;font-size:11px}.streak-network-new{background:#f7f8f4}.daily-streak-modal[hidden]{display:none}.daily-streak-modal{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:22px}.daily-streak-modal-backdrop{position:absolute;inset:0;background:#080d18c9;backdrop-filter:blur(5px)}.daily-streak-dialog{position:relative;z-index:1;width:min(640px,100%);max-height:min(90vh,900px);overflow:auto;padding:30px;border:1px solid var(--member-border,#2b3859);border-radius:22px;background:linear-gradient(145deg,#17213c,#10182d);color:#f4f6ff;box-shadow:0 30px 100px #0008;outline:none}.daily-streak-dialog h2{margin:6px 42px 8px 0;color:#f5f7ff;font:750 26px/1.2 Manrope,sans-serif}.daily-streak-dialog>p{color:#aeb9d1;line-height:1.55}.daily-streak-modal-x{position:absolute;top:17px;right:17px;display:grid;width:38px;height:38px;place-items:center;border:1px solid #ffffff20;border-radius:50%;background:#ffffff0d;color:#d9e2fa;font-size:25px;cursor:pointer}.daily-streak-ad-frame{display:grid;justify-items:center;gap:7px;margin:22px 0 14px;padding:15px;border:1px solid #34446b;border-radius:15px;background:#0a1227}.daily-streak-ad-frame[hidden],.daily-streak-timer[hidden],.daily-streak-reopen[hidden],.daily-streak-turnstile[hidden]{display:none}.daily-streak-ad-frame a{display:block;max-width:100%;line-height:0}.daily-streak-ad-frame img{display:block;width:auto;height:auto;max-width:100%;max-height:360px;object-fit:contain;border-radius:5px}.daily-streak-ad-frame>span{color:#8492ae;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.daily-streak-timer{padding:13px 15px;border:1px solid #34446b;border-radius:12px;background:#0b1429;color:#c8d7fb;font-weight:700;text-align:center}.daily-streak-reopen{margin-top:12px;background:#28385f;color:#d8e4ff}.daily-streak-turnstile{display:flex;justify-content:center;margin:16px 0 10px;padding:10px;border:1px solid #34446b;border-radius:12px;background:#fff}.daily-streak-turnstile .turnstile-block{margin:0;padding:0;border:0;background:transparent}.daily-streak-modal-message{min-height:20px;margin:11px 0;color:#b0bdd5;font-size:12px}.daily-streak-final-claim{width:100%;min-height:52px;margin-top:12px}.daily-streak-final-claim:disabled{border-color:#38425a;background:#303b53;color:#9aa7bf;box-shadow:none;cursor:not-allowed}body.daily-streak-modal-open{overflow:hidden} @media(max-width:1100px){.streak-network-form{grid-template-columns:repeat(4,minmax(0,1fr))}.streak-network-actions{grid-column:span 2}.streak-network-enabled{justify-content:space-between}.streak-network-delete{margin-top:-7px}} @media(max-width:620px){.daily-streak-modal{padding:12px}.daily-streak-dialog{padding:23px 18px;border-radius:18px}.daily-streak-dialog h2{font-size:22px}.streak-network-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.streak-network-form .streak-network-code{grid-column:1/-1}.streak-network-actions{grid-column:1/-1}.streak-network-actions .button{width:100%;justify-content:center}.streak-network-delete{margin-top:-10px}.daily-streak-ad-frame{margin:16px 0 12px;padding:10px}} .daily-streak-ad-slot{display:grid;place-items:center;justify-self:center;box-sizing:border-box;width:min(var(--ad-width,300px),100%);height:auto;aspect-ratio:var(--ad-ratio-width,300)/var(--ad-ratio-height,250);margin-inline:auto;overflow:hidden;border-radius:5px;background:#fff}.daily-streak-ad-slot>*{max-width:100%;max-height:100%;margin-inline:auto}.daily-streak-ad-slot img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}.daily-streak-ad-slot iframe{display:block;width:100%;height:100%;max-width:100%;border:0}.daily-streak-modal-message:empty{display:none} .streak-banner-click-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:14px 16px;border:1px solid #e5eae2;border-radius:12px;background:#f7f8f4;color:#58675d}.streak-banner-click-toggle span{display:grid;gap:4px}.streak-banner-click-toggle b{font-size:13px}.streak-banner-click-toggle small{color:#78867d;font-size:12px;font-weight:500}.streak-banner-click-toggle input[type=checkbox]{width:19px;height:19px;flex:0 0 auto;accent-color:#4da66b} /* Daily Streak ad networks: keep controls on a compact row and the code editor below. */ .streak-network-form{grid-template-columns:minmax(140px,1.15fr) minmax(125px,.9fr) minmax(95px,.55fr) minmax(125px,.75fr) minmax(155px,.9fr) minmax(135px,.8fr) auto;grid-template-areas:"name format priority wait limit enabled actions" "code code code code code code code";align-items:end;column-gap:16px;row-gap:12px;padding:18px} .streak-network-name{grid-area:name}.streak-network-format{grid-area:format}.streak-network-priority{grid-area:priority}.streak-network-wait{grid-area:wait}.streak-network-limit{grid-area:limit}.streak-network-enabled{grid-area:enabled}.streak-network-actions{grid-area:actions}.streak-network-code{grid-area:code;min-width:0} .streak-network-form textarea{min-height:88px;resize:vertical} @media(max-width:1100px){.streak-network-form{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"name format priority wait" "limit enabled actions actions" "code code code code";gap:12px;padding:16px}.streak-network-actions{grid-column:auto}.streak-network-enabled{justify-content:space-between}} @media(max-width:620px){.streak-network-form{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"name format" "priority wait" "limit enabled" "actions actions" "code code";gap:10px;padding:12px}.streak-network-actions{grid-column:auto}.streak-network-actions .button{width:100%;justify-content:center}.streak-network-form textarea{min-height:110px}} /* Ad analytics text must stay readable on the dark member themes. */ body.app-shell.member-theme-orange .ad-analytics-page .analytics-filter-form label, body.app-shell.member-theme-blue .ad-analytics-page .analytics-filter-form label{color:var(--member-muted)} body.app-shell.member-theme-orange .ad-analytics-page .analytics-kpi>span, body.app-shell.member-theme-orange .ad-analytics-page .analytics-kpi>small, body.app-shell.member-theme-orange .ad-analytics-page .analytics-chart-legend, body.app-shell.member-theme-orange .ad-analytics-page .analytics-chart-axis, body.app-shell.member-theme-blue .ad-analytics-page .analytics-kpi>span, body.app-shell.member-theme-blue .ad-analytics-page .analytics-kpi>small, body.app-shell.member-theme-blue .ad-analytics-page .analytics-chart-legend, body.app-shell.member-theme-blue .ad-analytics-page .analytics-chart-axis{color:var(--member-muted);fill:var(--member-muted)} body.app-shell.member-theme-orange .ad-analytics-page .analytics-kpi>strong, body.app-shell.member-theme-blue .ad-analytics-page .analytics-kpi>strong{color:var(--member-accent)} body.app-shell.member-theme-orange .ad-analytics-page .analytics-chart-gridline, body.app-shell.member-theme-blue .ad-analytics-page .analytics-chart-gridline{stroke:var(--member-border)} body.app-shell.member-theme-orange .ad-analytics-page .admin-table th, body.app-shell.member-theme-orange .ad-analytics-page .admin-table td, body.app-shell.member-theme-blue .ad-analytics-page .admin-table th, body.app-shell.member-theme-blue .ad-analytics-page .admin-table td{border-color:var(--member-border)} body.app-shell.member-theme-orange .ad-analytics-page .admin-table th, body.app-shell.member-theme-blue .ad-analytics-page .admin-table th{color:var(--member-muted)} body.app-shell.member-theme-orange .ad-analytics-page .admin-table td, body.app-shell.member-theme-blue .ad-analytics-page .admin-table td{color:var(--member-text)} body.app-shell.member-theme-orange .ad-analytics-page .page-heading>.button, body.app-shell.member-theme-blue .ad-analytics-page .page-heading>.button, body.app-shell.member-theme-orange .advertise-page .page-heading>.button, body.app-shell.member-theme-blue .advertise-page .page-heading>.button{border:1px solid var(--member-border);background:var(--member-surface-raised);color:var(--member-text)} body.app-shell.member-theme-orange .ad-analytics-page .page-heading>.button:hover, body.app-shell.member-theme-blue .ad-analytics-page .page-heading>.button:hover, body.app-shell.member-theme-orange .advertise-page .page-heading>.button:hover, body.app-shell.member-theme-blue .advertise-page .page-heading>.button:hover{border-color:var(--member-accent);background:var(--member-hover);color:var(--member-accent)} /* ------------------------------------------------------------ Toast & Flash Notification Theme-Aware System ------------------------------------------------------------ */ @keyframes toast-slide-down { from { opacity: 0; transform: translate(-50%, -14px) scale(0.97); } to { opacity: 1; transform: translate(-50%, 0) scale(1); } } .toast { position: fixed; z-index: 99999; top: 20px; left: 50%; transform: translateX(-50%); max-width: min(92vw, 640px); width: max-content; padding: 13px 22px; border-radius: 14px; font-size: 13px; font-weight: 500; line-height: 1.45; letter-spacing: -0.01em; text-align: center; box-shadow: 0 16px 42px rgba(0, 0, 0, 0.35); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); cursor: pointer; transition: opacity 0.25s ease, transform 0.25s ease; animation: toast-slide-down 0.28s cubic-bezier(0.16, 1, 0.3, 1) both; } /* Light / Default Theme */ body:not(.member-theme-orange):not(.member-theme-blue) .toast, body.app-shell.member-theme-light .toast { background: #1c2b26; color: #f7faf8; border: 1px solid #2f453c; } body:not(.member-theme-orange):not(.member-theme-blue) .toast.toast-error, body.app-shell.member-theme-light .toast.toast-error { background: #fff1f2; color: #9f1239; border: 1px solid #fecdd3; box-shadow: 0 14px 35px rgba(225, 29, 72, 0.12); } body:not(.member-theme-orange):not(.member-theme-blue) .toast.toast-success, body.app-shell.member-theme-light .toast.toast-success { background: #f0fdf4; color: #166534; border: 1px solid #bbf7d0; box-shadow: 0 14px 35px rgba(22, 101, 52, 0.12); } body:not(.member-theme-orange):not(.member-theme-blue) .toast.toast-info, body.app-shell.member-theme-light .toast.toast-info { background: #f8fafc; color: #1e293b; border: 1px solid #cbd5e1; box-shadow: 0 14px 35px rgba(30, 41, 59, 0.08); } /* Orange Theme */ body.app-shell.member-theme-orange .toast { background: #18191c; color: #f2f2f4; border: 1px solid #ffffff1c; box-shadow: 0 18px 45px rgba(0, 0, 0, 0.7); } body.app-shell.member-theme-orange .toast.toast-error { background: #251314; color: #fca5a5; border: 1px solid rgba(239, 68, 68, 0.45); box-shadow: 0 18px 45px rgba(0, 0, 0, 0.75); } body.app-shell.member-theme-orange .toast.toast-success { background: #102216; color: #86efac; border: 1px solid rgba(34, 197, 94, 0.45); box-shadow: 0 18px 45px rgba(0, 0, 0, 0.75); } body.app-shell.member-theme-orange .toast.toast-info { background: #191a1d; color: #ff9d79; border: 1px solid rgba(255, 129, 85, 0.4); box-shadow: 0 18px 45px rgba(0, 0, 0, 0.75); } /* Blue Theme */ body.app-shell.member-theme-blue .toast { background: #111a36; color: #edf2ff; border: 1px solid rgba(168, 189, 255, 0.22); box-shadow: 0 18px 45px rgba(0, 0, 0, 0.7); } body.app-shell.member-theme-blue .toast.toast-error { background: #24131d; color: #fca5a5; border: 1px solid rgba(239, 68, 68, 0.45); box-shadow: 0 18px 45px rgba(0, 0, 0, 0.75); } body.app-shell.member-theme-blue .toast.toast-success { background: #0d2222; color: #6ee7b7; border: 1px solid rgba(16, 185, 129, 0.45); box-shadow: 0 18px 45px rgba(0, 0, 0, 0.75); } body.app-shell.member-theme-blue .toast.toast-info { background: #111a36; color: #b8d0ff; border: 1px solid rgba(120, 154, 255, 0.4); box-shadow: 0 18px 45px rgba(0, 0, 0, 0.75); } /* YouTube Connect Warning Notice */ .yt-connect-notice { border: 1px solid rgba(239, 68, 68, 0.25); border-left: 4px solid #ef4444 !important; background: rgba(239, 68, 68, 0.08); border-radius: 12px; padding: 1rem 1.25rem; margin-bottom: 1.5rem; font-size: 14px; } body.app-shell.member-theme-orange .yt-connect-notice, body.app-shell.member-theme-blue .yt-connect-notice { background: rgba(239, 68, 68, 0.12); border-color: rgba(239, 68, 68, 0.35); border-left-color: #f87171 !important; color: #fecaca; } .auth-google-button { min-height: 62px; gap: 13px; padding: 15px 22px; border: 1px solid #d7e1d5; background: linear-gradient(135deg, #fffefa 0%, #f8faf5 100%); color: #263a31; box-shadow: 0 8px 24px rgba(36, 57, 44, 0.09), inset 0 1px 0 #fff; font-size: 15px; letter-spacing: 0.005em; } .form-error + .auth-google-button { margin-top: 16px; } .auth-google-button:hover { border-color: #bfd1bc; background: linear-gradient(135deg, #fff 0%, #edf4e9 100%); box-shadow: 0 12px 28px rgba(36, 57, 44, 0.14), inset 0 1px 0 #fff; } .auth-google-button:focus-visible { outline: 3px solid rgba(91, 132, 83, 0.35); outline-offset: 3px; } body.auth-theme-1 .auth-google-button { border-color: #cbd8c4; background: linear-gradient(135deg, #f0f5ed, #e4ecdf); color: #263a31; } body.auth-theme-1 .auth-google-button:hover { border-color: #b8cbb0; background: linear-gradient(135deg, #eaf2e5, #dce9d7); } body.auth-theme-2 .auth-google-button { border-color: #ff875545; background: linear-gradient(135deg, #231916, #171516); color: #f6e6df; box-shadow: 0 8px 24px #0005, inset 0 1px 0 #ffffff0a; } body.auth-theme-2 .auth-google-button:hover { border-color: #ff875580; background: linear-gradient(135deg, #2d1c17, #201718); box-shadow: 0 12px 28px #0007, 0 0 24px #f04c2c18; } body.auth-theme-3 .auth-google-button { border-color: #91b4ff45; background: linear-gradient(135deg, #142343, #0e1933); color: #e1eaff; box-shadow: 0 8px 24px #0005, inset 0 1px 0 #ffffff0a; } body.auth-theme-3 .auth-google-button:hover { border-color: #91b4ff75; background: linear-gradient(135deg, #192b50, #12203d); box-shadow: 0 12px 28px #0007, 0 0 24px #668cff20; } .auth-google-icon { display: block; width: 22px; height: 22px; flex: 0 0 22px; } /* Guest authentication pages follow the administrator's selected site theme. */ body.auth-theme-1 .auth-page { background: radial-gradient(ellipse at 78% 22%, #e5ecdc 0, transparent 34%), #f5f5ef; } body.auth-theme-1 .auth-art { border: 1px solid #ffffff80; box-shadow: 0 24px 70px #263a3014; } body.auth-theme-1 .auth-art-copy h2 em { color: #d4e6bf; } body.auth-theme-1 .auth-form-wrap h1 { color: #172321; } body.auth-theme-1 .auth-form-wrap .section-tag { color: #688267; } body.auth-theme-2 { background: #090a0c; color: #f3f3f5; color-scheme: dark; } body.auth-theme-2 .auth-page { background: radial-gradient(ellipse at 21% 47%, #49201580 0, transparent 42%), #090a0c; grid-template-columns: 1fr 1fr; } body.auth-theme-2 .site-header { color: #f3f3f5; } body.auth-theme-2 .site-header .nav-login { color: #e4e1df; } body.auth-theme-2 .site-header .brand-mark { background: linear-gradient(145deg, #ff8a43, #f04720); box-shadow: 0 0 20px #f45a2f44; } body.auth-theme-2 .site-header .button-dark { background: linear-gradient(135deg, #ff8750, #f04c2c); color: #1b100c; } body.auth-theme-2 .site-footer { border-color: #ffffff16; background: #090a0c; color: #a6a3a2; } body.auth-theme-2 .site-footer .brand { color: #f3f3f5; } body.auth-theme-2 .site-footer .brand-mark { background: linear-gradient(145deg, #ff8a43, #f04720); } body.auth-theme-2 .site-footer a:hover { color: #ff9a70; } body.auth-theme-2 .auth-art { border: 1px solid #ff87532e; background-image: linear-gradient(180deg, #1a0e0a18 5%, #120c0bd9 100%), radial-gradient(ellipse at 70% 20%, #ff6a354d, transparent 45%), url('https://images.unsplash.com/photo-1470770841072-f978cf4d019e?auto=format&fit=crop&w=1600&q=85'); background-position: center, center, center; box-shadow: 0 24px 80px #0009, 0 0 50px #f15a3210; } body.auth-theme-2 .auth-art-copy .section-tag { color: #ffb08b; } body.auth-theme-2 .auth-art-copy h2 em { color: #ff875b; } body.auth-theme-2 .auth-form-wrap h1 { color: #f6f3f1; } body.auth-theme-2 .auth-form-wrap .section-tag { color: #ff875b; } body.auth-theme-2 .auth-form-wrap .muted, body.auth-theme-2 .auth-switch { color: #a6a3a2; } body.auth-theme-2 .auth-switch a, body.auth-theme-2 .legal-note a { color: #ff9a70; } body.auth-theme-2 .legal-note { color: #777677; } body.auth-theme-2 .form-stack label { color: #dfdddc; } body.auth-theme-2 .form-stack input, body.auth-theme-2 .form-stack select { border-color: #343234; background: #151416; color: #f4f2f1; } body.auth-theme-2 .form-stack input:focus, body.auth-theme-2 .form-stack select:focus { border-color: #ff7548; box-shadow: 0 0 0 3px #ff754826; } body.auth-theme-2 .form-stack .button-dark { background: linear-gradient(135deg, #ff8750, #f04c2c); color: #1b100c; box-shadow: 0 10px 28px #f04c2c35; } body.auth-theme-2 .form-stack .button-dark:hover { background: #ffa071; } body.auth-theme-2 .referral-invite-note { border-color: #ff75483d; background: #ff754812; color: #e7b39e; } body.auth-theme-2 .referral-invite-note strong { color: #ffb08b; } body.auth-theme-3 { background: #070c1d; color: #f3f6ff; color-scheme: dark; } body.auth-theme-3 .auth-page { grid-template-columns: 1fr 0.9fr; background: radial-gradient(ellipse at 88% 50%, #233c794d 0, transparent 44%), #070c1d; } body.auth-theme-3 .site-header { color: #f2f5ff; } body.auth-theme-3 .site-header .nav-login { color: #dce4f5; } body.auth-theme-3 .site-header .brand-mark { background: linear-gradient(145deg, #c5d9ff, #7e9fff); color: #08112b; box-shadow: 0 0 20px #86aaff40; } body.auth-theme-3 .site-header .button-dark { background: linear-gradient(135deg, #b7d0ff, #789aff); color: #08122d; } body.auth-theme-3 .site-footer { border-color: #a8bdff18; background: #060a17; color: #aeb9d1; } body.auth-theme-3 .site-footer .brand { color: #f4f6ff; } body.auth-theme-3 .site-footer .brand-mark { background: linear-gradient(145deg, #c5d9ff, #7e9fff); color: #08112b; } body.auth-theme-3 .site-footer a:hover { color: #a9c4ff; } body.auth-theme-3 .auth-panel { grid-column: 1; grid-row: 1; } body.auth-theme-3 .auth-art { grid-column: 2; grid-row: 1; align-items: center; border: 1px solid #9bb9ff2e; background-image: linear-gradient(155deg, #0a1531a8, #070c1de8), radial-gradient(ellipse at 52% 30%, #7599ff66, transparent 44%), url('https://images.unsplash.com/photo-1470770841072-f978cf4d019e?auto=format&fit=crop&w=1600&q=85'); background-position: center, center, center; box-shadow: 0 24px 80px #01061699, inset 0 0 80px #577bda17; } body.auth-theme-3 .auth-art-copy { max-width: 440px; } body.auth-theme-3 .auth-art-copy .section-tag, body.auth-theme-3 .auth-form-wrap .section-tag { color: #a9c4ff; } body.auth-theme-3 .auth-art-copy h2 em { color: #a9c4ff; } body.auth-theme-3 .auth-form-wrap h1 { color: #f5f7ff; } body.auth-theme-3 .auth-form-wrap .muted, body.auth-theme-3 .auth-switch { color: #a6b0c7; } body.auth-theme-3 .auth-switch a, body.auth-theme-3 .legal-note a { color: #a9c4ff; } body.auth-theme-3 .legal-note { color: #8994ac; } body.auth-theme-3 .form-stack label { color: #dce4f5; } body.auth-theme-3 .form-stack input, body.auth-theme-3 .form-stack select { border-color: #2a385a; background: #0d1530; color: #f3f6ff; } body.auth-theme-3 .form-stack input:focus, body.auth-theme-3 .form-stack select:focus { border-color: #91b4ff; box-shadow: 0 0 0 3px #91b4ff25; } body.auth-theme-3 .form-stack .button-dark { background: linear-gradient(135deg, #b7d0ff, #789aff); color: #08122d; box-shadow: 0 10px 28px #668cff35; } body.auth-theme-3 .form-stack .button-dark:hover { background: #c9dcff; } body.auth-theme-3 .referral-invite-note { border-color: #91b4ff38; background: #91b4ff12; color: #d1ddf7; } body.auth-theme-3 .referral-invite-note strong { color: #a9c4ff; } @media(max-width:640px) { body.auth-theme-2 .site-header .top-nav, body.auth-theme-2 .site-header .nav-actions { border-color: #ffffff20; background: #0c0d0ef5; } body.auth-theme-2 .site-header .top-nav a { color: #e4e1df; } body.auth-theme-3 .site-header .top-nav, body.auth-theme-3 .site-header .nav-actions { border-color: #a8bdff20; background: #0c142bf5; } body.auth-theme-3 .site-header .top-nav a { color: #dce4f5; } body.auth-theme-3 .auth-panel, body.auth-theme-3 .auth-art { grid-column: 1; } body.auth-theme-3 .auth-panel { grid-row: 2; } body.auth-theme-3 .auth-art { grid-row: 1; } body.auth-theme-2 .auth-page, body.auth-theme-3 .auth-page { background-attachment: scroll; } } /* Buy Scripts package cards: stronger color and depth at each price tier. */ .buy-scripts-page { max-width: 1120px; } .buy-scripts-heading { padding-bottom: 30px; } .buy-scripts-heading .section-tag { color: #6c8766; } .buy-scripts-grid { width: 100%; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 19px; row-gap: 30px; align-items: start; } .buy-script-card { --tier-accent: #71896c; --tier-border: #dce5d8; --tier-tint: #f0f4eb; min-height: 0; grid-column: span 2; padding: 22px 22px 20px; border-color: var(--tier-border); background: linear-gradient(155deg, #fffefa 0%, var(--tier-tint) 100%); box-shadow: 0 12px 28px #203a3209; transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; } .buy-script-card:nth-last-child(-n+2) { grid-column: span 3; } .buy-script-card:hover { transform: translateY(-5px); border-color: color-mix(in srgb, var(--tier-accent) 55%, white); box-shadow: 0 22px 44px #203a3217, 0 0 24px color-mix(in srgb, var(--tier-accent) 13%, transparent); } .buy-script-card-basic { --tier-accent: #77906d; --tier-border: #dce5d8; --tier-tint: #f3f6ef; } .buy-script-card-pro { --tier-accent: #398878; --tier-border: #cce3dc; --tier-tint: #eaf5f1; } .buy-script-card-premium { --tier-accent: #d47a38; --tier-border: #efd4b7; --tier-tint: #fff1df; } .buy-script-card-ultimate { --tier-accent: #f0d184; --tier-border: #9c7e39; --tier-glow: #dbac4a; isolation: isolate; border-color: var(--tier-border); background: radial-gradient(ellipse at 100% 0, #b08d3938 0, transparent 46%), linear-gradient(145deg, #1c2921, #111b17 76%); box-shadow: 0 18px 38px #15251c2b, 0 0 34px color-mix(in srgb, var(--tier-glow) 18%, transparent), inset 0 1px #ffffff18; } .buy-script-card-ultimate::before { position:absolute; z-index:0; inset:-42%; border-radius:inherit; background:radial-gradient(ellipse at 30% 36%,color-mix(in srgb,var(--tier-glow) 36%,transparent) 0,transparent 38%),radial-gradient(ellipse at 72% 66%,color-mix(in srgb,var(--tier-accent) 16%,transparent) 0,transparent 34%); content:""; opacity:.72; pointer-events:none; filter:blur(28px); animation:ultimate-card-light-drift 11s ease-in-out infinite alternate; } .buy-script-card-ultimate>* { position:relative; z-index:1; } @keyframes ultimate-card-light-drift { from { transform:translate3d(-4%,-2%,0) scale(.96); opacity:.58; } to { transform:translate3d(5%,3%,0) scale(1.06); opacity:.95; } } .buy-script-card-ultimate:hover { border-color: color-mix(in srgb, var(--tier-accent) 74%, white); box-shadow: 0 24px 48px #101c1680, 0 0 42px color-mix(in srgb, var(--tier-glow) 32%, transparent), inset 0 1px #ffffff24; } .buy-script-card-custom { --tier-accent: #7567bd; --tier-border: #ded8f0; --tier-tint: #f2effb; } .buy-script-card h2 { margin:0 0 8px; color:#293a30; font-size:19px; } .buy-script-card>p { min-height:0; margin-bottom:0; font-size:12px; } .buy-script-price { min-height:0; margin:10px 0 12px; align-content:start; } .buy-script-price small { color:#8a968c; } .buy-script-price strong { color:var(--tier-accent); font-size:32px; } .buy-script-card>.button { min-height:46px; gap:9px; background:var(--tier-accent); color:#fff; box-shadow:0 8px 20px color-mix(in srgb, var(--tier-accent) 25%, transparent); } .buy-script-card>.button:hover { filter:brightness(1.07); } .buy-script-card-ultimate h2, .buy-script-card-ultimate>p { color:#f2f1e9; } .buy-script-card-ultimate .buy-script-price small { color:#b2b49f; } .buy-script-card-ultimate .buy-script-price strong { color:var(--tier-accent); } .buy-script-card-ultimate>.button { background:linear-gradient(135deg,color-mix(in srgb,var(--tier-accent) 72%,white),var(--tier-glow)); color:#20251a; box-shadow:0 9px 24px color-mix(in srgb,var(--tier-glow) 26%,transparent); } .buy-script-details-placeholder { display:flex; align-items:center; gap:8px; margin-top:12px; padding-top:10px; color:#829087; font-size:10px; font-weight:600; } .buy-script-details-placeholder span { color:var(--tier-accent); } .buy-script-overview-heading { width:100%; margin-top:15px; padding-top:12px; border-top:1px solid #e2e8df; color:#819087; font-size:10px; font-weight:800; letter-spacing:.12em; } .buy-script-overview { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 10px; width:100%; margin:10px 0 0; padding:0; list-style:none; } .buy-script-overview li { display:flex; align-items:flex-start; gap:7px; color:#536359; font-size:11px; line-height:1.5; } .buy-script-overview li span { flex:none; color:#4b9853; font-size:12px; font-weight:900; line-height:1.15; } .buy-script-overview li.is-excluded span { color:#bc6969; } body.app-shell.member-theme-orange .buy-script-card-basic, body.app-shell.member-theme-orange .buy-script-card-pro, body.app-shell.member-theme-orange .buy-script-card-premium, body.app-shell.member-theme-orange .buy-script-card-custom, body.app-shell.member-theme-blue .buy-script-card-basic, body.app-shell.member-theme-blue .buy-script-card-pro, body.app-shell.member-theme-blue .buy-script-card-premium, body.app-shell.member-theme-blue .buy-script-card-custom { background:linear-gradient(150deg,var(--member-surface-raised),var(--member-surface-deep)); box-shadow:0 14px 34px #0004; } body.app-shell.member-theme-orange .buy-script-card h2, body.app-shell.member-theme-orange .buy-script-card>p, body.app-shell.member-theme-blue .buy-script-card h2, body.app-shell.member-theme-blue .buy-script-card>p { color:var(--member-text); } body.app-shell.member-theme-orange .buy-script-card>p, body.app-shell.member-theme-blue .buy-script-card>p { color:var(--member-muted); } body.app-shell.member-theme-orange .buy-script-details-placeholder, body.app-shell.member-theme-blue .buy-script-details-placeholder { color:var(--member-muted); } body.app-shell.member-theme-orange .buy-script-overview-heading, body.app-shell.member-theme-blue .buy-script-overview-heading { border-color:var(--member-border); color:var(--member-muted); } body.app-shell.member-theme-orange .buy-script-overview li, body.app-shell.member-theme-blue .buy-script-overview li { color:var(--member-text); } body.app-shell.member-theme-orange .buy-script-overview li span, body.app-shell.member-theme-blue .buy-script-overview li span { color:var(--member-accent); } body.app-shell.member-theme-orange .buy-script-overview li.is-excluded span, body.app-shell.member-theme-blue .buy-script-overview li.is-excluded span { color:#ff9696; } body.app-shell.member-theme-orange .buy-script-card-basic .buy-script-price strong, body.app-shell.member-theme-blue .buy-script-card-basic .buy-script-price strong { color:#a1bd92; } body.app-shell.member-theme-orange .buy-script-card-pro .buy-script-price strong, body.app-shell.member-theme-blue .buy-script-card-pro .buy-script-price strong { color:#62c0ab; } body.app-shell.member-theme-orange .buy-script-card-premium .buy-script-price strong, body.app-shell.member-theme-blue .buy-script-card-premium .buy-script-price strong { color:#ffb26c; } body.app-shell.member-theme-orange .buy-script-card-custom .buy-script-price strong, body.app-shell.member-theme-blue .buy-script-card-custom .buy-script-price strong { color:#c3b6ff; } body.app-shell.member-theme-orange .buy-script-card-ultimate { --tier-accent:#ff9369; --tier-border:#a94c2d; --tier-glow:#f1653c; border-color:var(--tier-border); background:radial-gradient(ellipse at 100% 0,#f1653c30 0,transparent 48%),linear-gradient(145deg,#2b1c19,#151214 76%); box-shadow:0 18px 38px #0007,0 0 34px #f1653c24,inset 0 1px #ffffff18; } body.app-shell.member-theme-orange .buy-script-card-ultimate>.button { color:#25100a; } body.app-shell.member-theme-blue .buy-script-card-ultimate { --tier-accent:#a9c4ff; --tier-border:#5576c6; --tier-glow:#668fff; border-color:var(--tier-border); background:radial-gradient(ellipse at 100% 0,#668fff35 0,transparent 48%),linear-gradient(145deg,#17264a,#0b1227 76%); box-shadow:0 18px 38px #0008,0 0 36px #668fff30,inset 0 1px #ffffff18; } body.app-shell.member-theme-blue .buy-script-card-ultimate>.button { color:#09132c; } @media(prefers-reduced-motion:reduce) { .buy-script-card-ultimate::before { animation:none; } } @media(max-width:980px) { .buy-scripts-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .buy-script-card, .buy-script-card:nth-last-child(-n+2) { grid-column:span 1; } } @media(max-width:640px) { .buy-scripts-grid { grid-template-columns:1fr; gap:14px; } .buy-script-card, .buy-script-card:nth-last-child(-n+2) { grid-column:1; min-height:0; padding:20px 18px 18px; } .buy-script-overview { gap:8px 8px; } } /* Keep the package grid, remove the enclosing decorative panel. */ .buy-scripts-page { max-width: 1120px; margin: 8px auto 36px; padding: 12px 0 24px; border: 0; border-radius: 0; background: transparent; box-shadow: none; } body.app-shell.member-theme-orange .buy-scripts-page, body.app-shell.member-theme-blue .buy-scripts-page { border: 0; background: transparent; box-shadow: none; } @media(max-width:640px) { .buy-scripts-page { margin: 8px auto 20px; padding: 8px 0 18px; } } .script-comparison { margin-top:64px; padding-top:34px; border-top:1px solid #dfe7dd; } .script-comparison-heading { margin:0 0 22px; } .script-comparison-heading h2 { margin:8px 0 6px; color:#26382e; font:700 clamp(22px,3vw,29px)/1.2 Manrope,sans-serif; letter-spacing:-.045em; } .script-comparison-heading p { margin:0; color:#748078; font-size:13px; line-height:1.6; } .script-comparison-scroll { overflow:auto; border:1px solid #e0e7de; border-radius:18px; background:#fffefa; box-shadow:0 12px 30px #203a3208; } .script-comparison-table { width:100%; min-width:930px; table-layout:fixed; border-collapse:separate; border-spacing:0; text-align:center; } .script-comparison-table th,.script-comparison-table td { padding:13px 12px; border-bottom:1px solid #edf0e9; } .script-comparison-table thead th { position:sticky; top:0; z-index:2; background:#f6f8f3; } .script-comparison-table .script-comparison-feature-heading { position:sticky; left:0; z-index:4; width:34%; min-width:260px; text-align:left; color:#647168; } .script-comparison-package { width:16.5%; min-width:0; color:#2d3d32; font:700 12px/1.35 Manrope,sans-serif; } .script-comparison-package span,.script-comparison-package small { display:block; } .script-comparison-package small { margin-top:5px; color:#748078; font:700 12px 'DM Sans',sans-serif; } .script-comparison-table tbody th.script-comparison-feature { position:sticky; left:0; z-index:1; background:#fffefa; color:#536359; text-align:left; font-size:12px; font-weight:600; } .script-comparison-table tbody td { background:#fffefa; } .script-comparison-table tr:last-child th,.script-comparison-table tr:last-child td { border-bottom:0; } .script-comparison-table .script-comparison-category th { padding:11px 14px; background:#eef3e9; color:#57704f; text-align:left; font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; } .script-comparison-mark { display:inline-grid; width:25px; height:25px; place-items:center; border-radius:50%; font-size:16px; font-weight:800; line-height:1; } .script-comparison-mark.is-included { background:#e4f2e3; color:#428247; } .script-comparison-mark.is-excluded { background:#f5eeee; color:#b26969; } body.app-shell.member-theme-orange .script-comparison { border-color:var(--member-border); } body.app-shell.member-theme-blue .script-comparison { border-color:var(--member-border); } body.app-shell.member-theme-orange .script-comparison-heading h2, body.app-shell.member-theme-blue .script-comparison-heading h2 { color:var(--member-text); } body.app-shell.member-theme-orange .script-comparison-heading p, body.app-shell.member-theme-blue .script-comparison-heading p { color:var(--member-muted); } body.app-shell.member-theme-orange .script-comparison-scroll, body.app-shell.member-theme-blue .script-comparison-scroll { border-color:var(--member-border); background:var(--member-surface-deep); box-shadow:0 12px 30px #0004; } body.app-shell.member-theme-orange .script-comparison-table thead th, body.app-shell.member-theme-blue .script-comparison-table thead th { background:var(--member-surface-raised); } body.app-shell.member-theme-orange .script-comparison-table .script-comparison-feature-heading, body.app-shell.member-theme-orange .script-comparison-package, body.app-shell.member-theme-blue .script-comparison-table .script-comparison-feature-heading, body.app-shell.member-theme-blue .script-comparison-package { color:var(--member-text); } body.app-shell.member-theme-orange .script-comparison-package small, body.app-shell.member-theme-blue .script-comparison-package small { color:var(--member-muted); } body.app-shell.member-theme-orange .script-comparison-table tbody th.script-comparison-feature, body.app-shell.member-theme-orange .script-comparison-table tbody td, body.app-shell.member-theme-blue .script-comparison-table tbody th.script-comparison-feature, body.app-shell.member-theme-blue .script-comparison-table tbody td { border-color:var(--member-border); background:var(--member-surface-deep); color:var(--member-text); } body.app-shell.member-theme-orange .script-comparison-table .script-comparison-category th { background:#2a1d15; color:#ffc18a; box-shadow:inset 3px 0 #f09a52; } body.app-shell.member-theme-blue .script-comparison-table .script-comparison-category th { background:#101a35; color:#a9c4ff; box-shadow:inset 3px 0 #779aff; } body.app-shell.member-theme-orange .script-comparison-mark.is-included, body.app-shell.member-theme-blue .script-comparison-mark.is-included { background:#4caf5020; color:#80d18a; } body.app-shell.member-theme-orange .script-comparison-mark.is-excluded, body.app-shell.member-theme-blue .script-comparison-mark.is-excluded { background:#ef535018; color:#ef9a9a; } /* Public Buy Scripts follows the active homepage/member theme and keeps its own header clear of the content. */ body.public-buy-scripts-page .buy-scripts-page { width:min(calc(100% - 72px),1160px); max-width:1160px; margin:112px auto 48px; } body.public-buy-scripts-page .buy-scripts-grid { width:100%; } body.public-buy-scripts-page .buy-scripts-heading { text-align:center; padding:12px 8px 30px; } body.public-buy-scripts-page .buy-scripts-heading h1 { margin:0; } body.public-buy-scripts-page .landing-header .brand { flex:none; } body.public-buy-scripts-page .landing-header .top-nav { flex:1; } body.public-buy-scripts-page .buy-scripts-heading { padding-top:12px; } body.public-buy-scripts-page .script-comparison { margin-top:54px; } @media(max-width:1280px) { body.public-buy-scripts-page .buy-scripts-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } body.public-buy-scripts-page .buy-script-card, body.public-buy-scripts-page .buy-script-card:nth-last-child(-n+2) { grid-column:span 1; } body.public-buy-scripts-page .buy-script-card:last-child:nth-child(odd) { grid-column:1/-1; width:min(100%,620px); justify-self:center; } } @media(max-width:640px) { body.public-buy-scripts-page .buy-scripts-page { width:calc(100% - 32px); margin:82px auto 30px; } body.public-buy-scripts-page .buy-scripts-heading { padding:7px 4px 21px; } body.public-buy-scripts-page .buy-script-card:last-child:nth-child(odd) { grid-column:1; width:100%; } } body.public-buy-scripts-page.landing-theme-2 .site-header { color:#f3f3f5; } body.public-buy-scripts-page.landing-theme-2 .brand-mark { background:linear-gradient(145deg,#ff8a43,#f04720); box-shadow:0 0 24px #f45a2f55; } body.public-buy-scripts-page.landing-theme-2 .landing-header .nav-login { color:#ececef; } body.public-buy-scripts-page.landing-theme-2 .landing-header .button-sm { background:linear-gradient(135deg,#ff713b,#ed4524); color:#fff; } body.public-buy-scripts-page.landing-theme-2 .buy-scripts-heading h1, body.public-buy-scripts-page.landing-theme-2 .script-comparison-heading h2 { color:#f4f3f2; } body.public-buy-scripts-page.landing-theme-2 .buy-scripts-heading p, body.public-buy-scripts-page.landing-theme-2 .script-comparison-heading p { color:#a0a1a7; } body.public-buy-scripts-page.landing-theme-2 .buy-scripts-heading .section-tag { color:#ff9a73; } body.public-buy-scripts-page.landing-theme-2 .buy-script-card { border-color:#343337; background:linear-gradient(150deg,#1b1b1e,#111214); box-shadow:0 16px 38px #0006; } body.public-buy-scripts-page.landing-theme-2 .buy-script-card h2, body.public-buy-scripts-page.landing-theme-2 .buy-script-card>p, body.public-buy-scripts-page.landing-theme-2 .buy-script-overview li { color:#f0eff1; } body.public-buy-scripts-page.landing-theme-2 .buy-script-price small, body.public-buy-scripts-page.landing-theme-2 .buy-script-overview-heading { color:#a0a1a7; } body.public-buy-scripts-page.landing-theme-2 .buy-script-overview-heading { border-color:#343337; } body.public-buy-scripts-page.landing-theme-2 .buy-script-card-ultimate { --tier-accent:#ffb37a; --tier-border:#b95230; --tier-glow:#f1653c; border-color:#b95230; background:radial-gradient(ellipse at 100% 0,#f1653c30,transparent 48%),linear-gradient(145deg,#2b1c19,#151214 76%); box-shadow:0 18px 38px #0007,0 0 34px #f1653c24,inset 0 1px #ffffff18; } body.public-buy-scripts-page.landing-theme-2 .buy-script-card-ultimate h2, body.public-buy-scripts-page.landing-theme-2 .buy-script-card-ultimate>p { color:#f2f1e9; } body.public-buy-scripts-page.landing-theme-2 .script-comparison { border-color:#343337; } body.public-buy-scripts-page.landing-theme-2 .script-comparison-scroll { border-color:#343337; background:#111214; box-shadow:0 12px 30px #0005; } body.public-buy-scripts-page.landing-theme-2 .script-comparison-table thead th { background:#1b1b1e; } body.public-buy-scripts-page.landing-theme-2 .script-comparison-table thead .script-comparison-feature-heading { background:#1b1b1e; } body.public-buy-scripts-page.landing-theme-2 .script-comparison-table .script-comparison-feature-heading, body.public-buy-scripts-page.landing-theme-2 .script-comparison-package, body.public-buy-scripts-page.landing-theme-2 .script-comparison-table tbody th.script-comparison-feature, body.public-buy-scripts-page.landing-theme-2 .script-comparison-table tbody td { border-color:#303034; background:#111214; color:#e7e6e8; } body.public-buy-scripts-page.landing-theme-2 .script-comparison-table thead .script-comparison-feature-heading { background:#1b1b1e; } body.public-buy-scripts-page.landing-theme-2 .script-comparison-table .script-comparison-category th { background:#2a1d15; color:#ffc18a; box-shadow:inset 3px 0 #f09a52; } body.public-buy-scripts-page.landing-theme-2 .script-comparison-package small { color:#a0a1a7; } body.public-buy-scripts-page.landing-theme-2 .script-comparison-mark.is-included { background:#4caf5020; color:#80d18a; } body.public-buy-scripts-page.landing-theme-2 .script-comparison-mark.is-excluded { background:#ef535018; color:#ef9a9a; } body.public-buy-scripts-page.landing-theme-c .site-header { color:#f2f5ff; } body.public-buy-scripts-page.landing-theme-c .brand-mark { background:linear-gradient(145deg,#c5d9ff,#7e9fff); color:#08112b; } body.public-buy-scripts-page.landing-theme-c .landing-header .nav-login { color:#dce4f5; } body.public-buy-scripts-page.landing-theme-c .landing-header .button-sm { background:linear-gradient(135deg,#b7d0ff,#7799fa); color:#08122d; } body.public-buy-scripts-page.landing-theme-c .buy-scripts-heading h1, body.public-buy-scripts-page.landing-theme-c .script-comparison-heading h2 { color:#f5f7ff; } body.public-buy-scripts-page.landing-theme-c .buy-scripts-heading p, body.public-buy-scripts-page.landing-theme-c .script-comparison-heading p { color:#a5b0c8; } body.public-buy-scripts-page.landing-theme-c .buy-scripts-heading .section-tag { color:#9bb9ff; } body.public-buy-scripts-page.landing-theme-c .buy-script-card { border-color:#293656; background:linear-gradient(150deg,#151f3a,#0d142a); box-shadow:0 16px 38px #0006; } body.public-buy-scripts-page.landing-theme-c .buy-script-card h2, body.public-buy-scripts-page.landing-theme-c .buy-script-card>p, body.public-buy-scripts-page.landing-theme-c .buy-script-overview li { color:#f1f4ff; } body.public-buy-scripts-page.landing-theme-c .buy-script-price small, body.public-buy-scripts-page.landing-theme-c .buy-script-overview-heading { color:#a4afc7; } body.public-buy-scripts-page.landing-theme-c .buy-script-overview-heading { border-color:#293656; } body.public-buy-scripts-page.landing-theme-c .buy-script-card-ultimate { --tier-accent:#a9c4ff; --tier-border:#5576c6; --tier-glow:#668fff; border-color:#5576c6; background:radial-gradient(ellipse at 100% 0,#668fff35,transparent 48%),linear-gradient(145deg,#17264a,#0b1227 76%); box-shadow:0 18px 38px #0008,0 0 36px #668fff30,inset 0 1px #ffffff18; } body.public-buy-scripts-page.landing-theme-c .buy-script-card-ultimate h2, body.public-buy-scripts-page.landing-theme-c .buy-script-card-ultimate>p { color:#f5f7ff; } body.public-buy-scripts-page.landing-theme-c .script-comparison { border-color:#293656; } body.public-buy-scripts-page.landing-theme-c .script-comparison-scroll { border-color:#293656; background:#0d142a; box-shadow:0 12px 30px #0005; } body.public-buy-scripts-page.landing-theme-c .script-comparison-table thead th { background:#151f3a; } body.public-buy-scripts-page.landing-theme-c .script-comparison-table thead .script-comparison-feature-heading { background:#151f3a; } body.public-buy-scripts-page.landing-theme-c .script-comparison-table .script-comparison-feature-heading, body.public-buy-scripts-page.landing-theme-c .script-comparison-package, body.public-buy-scripts-page.landing-theme-c .script-comparison-table tbody th.script-comparison-feature, body.public-buy-scripts-page.landing-theme-c .script-comparison-table tbody td { border-color:#293656; background:#0d142a; color:#e8edfa; } body.public-buy-scripts-page.landing-theme-c .script-comparison-table thead .script-comparison-feature-heading { background:#151f3a; } body.public-buy-scripts-page.landing-theme-c .script-comparison-table .script-comparison-category th { background:#101a35; color:#a9c4ff; box-shadow:inset 3px 0 #779aff; } body.public-buy-scripts-page.landing-theme-c .script-comparison-package small { color:#a4afc7; } body.public-buy-scripts-page.landing-theme-c .script-comparison-mark.is-included { background:#4caf5020; color:#80d18a; } body.public-buy-scripts-page.landing-theme-c .script-comparison-mark.is-excluded { background:#ef535018; color:#ef9a9a; } .script-package-admin-intro { max-width:850px; margin:0 0 18px; color:#68776d; line-height:1.6; } .script-package-admin-panel { padding:22px; } .script-package-admin-toolbar,.script-package-admin-actions { display:flex; align-items:center; justify-content:space-between; gap:16px; } .script-package-admin-toolbar { margin-bottom:17px; } .script-package-admin-toolbar h2 { margin:6px 0 0; font:700 21px Manrope,sans-serif; letter-spacing:-.03em; } .script-package-admin-scroll { overflow:auto; border:1px solid #e3e8e1; border-radius:13px; } .script-package-admin-table { width:100%; min-width:1160px; border-collapse:separate; border-spacing:0; } .script-package-admin-table th,.script-package-admin-table td { padding:9px; border-bottom:1px solid #e9ede7; vertical-align:middle; } .script-package-admin-table thead th { position:sticky; top:0; z-index:2; background:#f3f6f0; color:#536257; font-size:10px; text-align:center; } .script-package-admin-table thead th:first-child,.script-package-admin-table thead th:nth-child(2) { text-align:left; } .script-package-admin-table thead th small { display:block; margin-top:3px; color:#819087; font-size:10px; } .script-package-admin-table tbody tr:last-child td { border-bottom:0; } .script-package-admin-table td:first-child { width:27%; min-width:260px; } .script-package-admin-table td:nth-child(2) { width:22%; min-width:210px; } .script-package-admin-table input[type="text"],.script-package-admin-table select { width:100%; min-width:0; padding:9px 10px; border:1px solid #dfe5dc; border-radius:8px; background:#fffefa; color:#26362d; font:12px 'DM Sans',sans-serif; } .script-package-admin-toggle { display:grid; place-items:center; cursor:pointer; } .script-package-admin-toggle input { position:absolute; width:1px; height:1px; opacity:0; } .script-package-admin-toggle span { display:grid; width:21px; height:21px; place-items:center; border:1px solid #cbd5c9; border-radius:6px; background:#fff; } .script-package-admin-toggle input:checked+span { border-color:#4c9856; background:#e6f4e6; } .script-package-admin-toggle input:checked+span:after { content:'✓'; color:#428247; font-size:15px; font-weight:800; } .script-package-admin-toggle input:focus-visible+span { outline:3px solid #4c985644; outline-offset:2px; } .script-package-remove { min-height:34px; padding:7px 10px; border:1px solid #eed5d2; background:#fff5f3; color:#a34f46; font-size:11px; } .script-package-remove:hover { background:#fee9e5; } .script-package-admin-actions { margin-top:18px; } .script-package-admin-actions>span { color:#7b887e; font-size:11px; } @media(max-width:640px) { .script-comparison { margin-top:42px; padding-top:26px; } .script-comparison-table .script-comparison-feature-heading { min-width:220px; } .script-package-admin-panel { padding:16px; } .script-package-admin-toolbar,.script-package-admin-actions { align-items:stretch; flex-direction:column; } .script-package-admin-toolbar .button,.script-package-admin-actions .button { width:100%; } } /* ------------------------------------------------------------ YouTube Watch Modal Ad Placements & Layout ------------------------------------------------------------ */ .yt-watch-modal-overlay { position: fixed; inset: 0; z-index: 99999; background: rgba(4, 7, 14, 0.88); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); display: flex; align-items: center; justify-content: center; padding: 12px; overflow-y: auto; } .yt-modal-scroll-wrap { display: flex; flex-direction: column; align-items: center; gap: 12px; width: 100%; max-width: 1360px; margin: auto; max-height: 98vh; } .yt-modal-ad-top, .yt-modal-ad-bottom { display: flex; justify-content: center; align-items: center; width: 100%; min-height: 0; } .yt-modal-ad-top:empty, .yt-modal-ad-bottom:empty { display: none; } .yt-modal-ad-top .page-ad-slot, .yt-modal-ad-bottom .page-ad-slot { margin: 0 auto; } .yt-modal-center-stage { display: flex; justify-content: center; align-items: center; gap: 16px; width: 100%; } .yt-modal-side-rail { display: flex; flex-direction: column; gap: 12px; width: 300px; flex-shrink: 0; } .yt-modal-ad-box { width: 300px; min-height: 250px; display: flex; align-items: center; justify-content: center; } .yt-modal-ad-box:empty { display: none; } .yt-modal-ad-box .page-ad-slot { width: 300px; max-width: 100%; margin: 0 auto; } /* Center Video Player Card — compact so top & bottom ads fit */ .yt-modal-player-card { background: var(--panel-bg, #12151f); border: 1px solid var(--border-color, rgba(255, 255, 255, 0.12)); border-radius: 16px; width: 100%; max-width: 600px; overflow: hidden; box-shadow: 0 25px 60px -10px rgba(0, 0, 0, 0.75); display: flex; flex-direction: column; flex-shrink: 0; } body.app-shell.member-theme-orange .yt-modal-player-card { background: #141518; border-color: rgba(255, 255, 255, 0.14); } body.app-shell.member-theme-blue .yt-modal-player-card { background: #0f162e; border-color: rgba(168, 189, 255, 0.2); } .yt-modal-header { padding: 10px 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); display: flex; justify-content: space-between; align-items: center; gap: 10px; } .yt-modal-header h3 { margin: 2px 0 0; font-size: 0.95rem; font-weight: 600; line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 400px; } .yt-modal-close-btn { padding: 5px 9px; line-height: 1; font-size: 13px; } /* Video Player container */ .yt-modal-video-wrap { position: relative; width: 100%; aspect-ratio: 16/9; max-height: 330px; background: #000; overflow: hidden; } .yt-modal-video-wrap #yt-iframe-player { width: 100%; height: 100%; } .yt-modal-footer { padding: 10px 14px; background: rgba(0, 0, 0, 0.25); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; border-top: 1px solid rgba(255, 255, 255, 0.06); } .yt-modal-custom-ad { display: flex; align-items: center; justify-content: center; max-width: 100%; overflow: hidden; } @media (max-width: 1260px) { .yt-modal-center-stage { flex-wrap: wrap; justify-content: center; } .yt-modal-player-card { order: 1; } .yt-modal-rail-left { order: 2; flex-direction: row; width: auto; flex-wrap: wrap; justify-content: center; } .yt-modal-rail-right { order: 3; flex-direction: row; width: auto; flex-wrap: wrap; justify-content: center; } } @media (max-width: 640px) { .yt-modal-player-card { max-width: 100%; } .yt-modal-header h3 { max-width: 220px; } .yt-modal-video-wrap { max-height: 220px; } .yt-modal-side-rail { width: 100%; align-items: center; } .yt-modal-ad-box { width: 100%; min-height: auto; } } /* Homepage ad options and stable, in-flow statistics anchor. */ .landing-statistics{position:relative;z-index:2;display:flex;justify-content:center;margin:-118px auto 38px;padding:0 24px 38px} .landing-statistics #stats{scroll-margin-top:28px} .landing-statistics .stats-glass{width:min(850px,100%);justify-content:space-around} .landing-advertise{padding:78px 36px;background:#eef1e9} .landing-advertise-inner{max-width:1130px;margin:0 auto} .landing-advertise-heading{max-width:700px;margin:0 auto 28px;text-align:center} .landing-advertise-heading h2{margin:12px 0;color:#20332a;font:650 clamp(29px,4vw,43px)/1.12 Manrope,sans-serif;letter-spacing:-.055em} .landing-advertise-heading p{margin:0;color:#748078;font-size:15px;line-height:1.65} .advertise-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .advertise-option-card{display:grid;grid-template-columns:46px minmax(0,1fr);align-content:start;gap:14px;min-width:0;min-height:190px;padding:21px;border:1px solid #e1e7dd;border-radius:17px;background:#fbfcf7;box-shadow:0 10px 28px #203a3209;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease} .advertise-option-card:hover{transform:translateY(-3px);border-color:#bdceb8;box-shadow:0 16px 34px #203a3214} .advertise-option-icon{display:grid;width:46px;height:46px;place-items:center;border:1px solid #dce8d6;border-radius:14px;background:#e9f1e4;color:#587b50} .advertise-option-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start} .advertise-option-copy strong{margin:2px 0 7px;color:#26372f;font:700 17px/1.3 Manrope,sans-serif} .advertise-option-copy small{color:#748078;font-size:13px;line-height:1.6} .advertise-option-copy em{display:inline-flex;align-items:center;gap:6px;margin-top:17px;color:#557650;font-size:12px;font-style:normal;font-weight:700} body.landing-theme-2 .landing-statistics .stats-glass{background:#17181acc;border-color:#ffffff20} body.landing-theme-c .landing-statistics .stats-glass{background:#10172adf;border-color:#a8bdff24} body.landing-theme-2 .landing-advertise{background:#0b0c0e} body.landing-theme-2 .landing-advertise-heading h2{color:#f5f5f6} body.landing-theme-2 .landing-advertise-heading p{color:#a4a5ab} body.landing-theme-2 .advertise-option-card{border-color:#ffffff17;background:linear-gradient(145deg,#191a1d,#111214);box-shadow:0 16px 38px #0004} body.landing-theme-2 .advertise-option-card:hover{border-color:#f36a4260;box-shadow:0 19px 40px #0006,0 0 24px #ec512010} body.landing-theme-2 .advertise-option-icon{border-color:#f5653826;background:#f45a2b18;color:#ff8055} body.landing-theme-2 .advertise-option-copy strong{color:#f1f1f3} body.landing-theme-2 .advertise-option-copy small{color:#a2a3a9} body.landing-theme-2 .advertise-option-copy em{color:#ff8155} body.landing-theme-c .landing-advertise{background:#080e20} body.landing-theme-c .landing-advertise-heading h2{color:#f5f7ff} body.landing-theme-c .landing-advertise-heading p{color:#a4afc7} body.landing-theme-c .advertise-option-card{border-color:#a8bdff18;background:linear-gradient(145deg,#151f3a,#0d142a);box-shadow:0 18px 45px #0004} body.landing-theme-c .advertise-option-card:hover{border-color:#8aabff55;box-shadow:0 20px 44px #0006,0 0 28px #6288ff12} body.landing-theme-c .advertise-option-icon{border-color:#91adff30;background:#7799ff18;color:#a9c4ff} body.landing-theme-c .advertise-option-copy strong{color:#f1f4ff} body.landing-theme-c .advertise-option-copy small{color:#a2aec7} body.landing-theme-c .advertise-option-copy em{color:#a9c4ff} @media(max-width:850px){.advertise-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.advertise-option-card:last-child{grid-column:1/-1;min-height:0}} @media(max-width:640px){.landing .hero-actions{max-width:560px;flex-direction:row;align-items:stretch;gap:8px}.landing .hero-actions .button{min-width:0;min-height:48px;flex:1;gap:6px;padding:10px 7px;font-size:clamp(11px,3.1vw,13px);white-space:nowrap}.landing-statistics{margin:-110px auto 30px;padding:0 18px}.landing-statistics .stats-glass{max-width:470px}.landing-advertise{padding:52px 18px}.landing-advertise-heading{margin-bottom:20px}.landing-advertise-heading h2{font-size:clamp(27px,8vw,34px)}.landing-advertise-heading p{font-size:13px}.advertise-option-grid{grid-template-columns:1fr;gap:10px}.advertise-option-card,.advertise-option-card:last-child{grid-column:1;min-height:0;padding:17px}.advertise-option-copy em{margin-top:12px}} /* Keep hero motion on the compositor and avoid animating expensive image filters/layout. */ .hero-photo{will-change:transform,opacity} .withdrawal-currency-track[data-ready="true"]{will-change:transform;transform:translate3d(0,0,0)} @keyframes hero-in{from{transform:scale(1.04);opacity:.82}to{transform:scale(1.015);opacity:1}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}} /* Interactive advertising formats on the public homepage. */ .advertise-explorer{display:grid;grid-template-columns:minmax(245px,.72fr) minmax(0,1.55fr);gap:18px;align-items:stretch} .advertise-type-list{display:grid;align-content:start;gap:10px} .advertise-type-button{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:13px;width:100%;min-height:78px;padding:13px 15px;border:1px solid #e1e7dd;border-radius:15px;background:#f8faf5;color:#36473c;text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease} .advertise-type-button:hover{transform:translateY(-2px);border-color:#bdceb8;box-shadow:0 9px 24px #203a3210} .advertise-type-button.is-active{border-color:#94ad8c;background:#fff;box-shadow:0 10px 28px #203a3210} .advertise-type-button>span:nth-child(2){display:grid;gap:4px;min-width:0} .advertise-type-button strong{font:700 15px/1.3 Manrope,sans-serif} .advertise-type-button small{color:#78847b;font-size:12px;line-height:1.4} .advertise-detail-wrap{min-width:0} .advertise-detail-panel{min-height:100%;padding:25px;border:1px solid #e1e7dd;border-radius:18px;background:#fbfcf7;box-shadow:0 14px 34px #203a320b;animation:advertise-panel-in .26s ease both} .advertise-detail-panel[hidden]{display:none} @keyframes advertise-panel-in{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}} .advertise-detail-heading{display:grid;grid-template-columns:43px minmax(0,1fr);align-items:center;gap:13px} .advertise-detail-icon{display:grid;width:43px;height:43px;flex:none;place-items:center;border:1px solid #dce8d6;border-radius:13px;background:#e9f1e4;color:#587b50} .advertise-detail-heading>div{display:flex;min-width:0;min-height:43px;align-items:center} .advertise-detail-heading .section-tag{font-size:10px} .advertise-detail-heading h3{margin:0;color:#26372f;font:700 clamp(21px,2.5vw,29px)/1.1 Manrope,sans-serif;letter-spacing:-.035em;transform:translateY(-.035em)} .advertise-detail-description{max-width:720px;margin:14px 0 18px;color:#748078;font-size:13px;line-height:1.7} .banner-ad-demo{padding:13px;border:1px solid #e5e9e1;border-radius:14px;background:#f3f5ef} .banner-ad-demo-label{display:flex;align-items:center;justify-content:space-between;margin:0 1px 9px;color:#89948b;font-size:9px;font-weight:800;letter-spacing:.14em} .banner-ad-demo-dot{width:7px;height:7px;border-radius:50%;background:#829e78} .banner-ad-demo-creative{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:76px;padding:13px 16px;border:1px solid #d8e1d2;border-radius:10px;background:linear-gradient(110deg,#e7efe2,#fbfcf7 68%)} .banner-ad-demo-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#78936e;color:#fff;font:800 16px Manrope,sans-serif} .banner-ad-demo-creative>div{display:grid;gap:4px;min-width:0} .banner-ad-demo-creative strong{color:#304336;font:700 13px Manrope,sans-serif} .banner-ad-demo-creative small{color:#77857a;font-size:10px} .banner-ad-demo-cta{padding:8px 10px;border-radius:20px;background:#78936e;color:white;font-size:10px;font-weight:700;white-space:nowrap} .banner-ad-preview-canvas{display:flex;min-height:112px;align-items:center;justify-content:center;padding:8px;border:1px solid #e5e9e1;border-radius:11px;background:#fff;overflow:hidden} .banner-ad-preview-image{display:block;width:auto;height:auto;max-width:100%;max-height:250px;object-fit:contain;border-radius:6px} .banner-ad-preview-image[hidden]{display:none} .banner-ad-preview-canvas .banner-ad-demo-creative{width:100%;border:0} .advertise-size-picker{display:grid;gap:8px;min-width:0} .advertise-size-list{display:flex;flex-wrap:wrap;gap:9px} .advertise-size-chip{display:inline-flex;min-height:38px;align-items:center;padding:8px 13px;border:1px solid #dfe6db;border-radius:12px;background:#f4f7f1;color:#45554a;font:700 14px/1.3 Manrope,sans-serif} .advertise-detail-meta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:14px;margin-top:16px} .advertise-detail-meta>div{display:grid;align-content:start;gap:8px;min-width:0} .advertise-meta-label{color:#89948b;font-size:10px;font-weight:800;letter-spacing:.12em} .advertise-detail-meta strong{color:#45554a;font-size:12px;line-height:1.5} .advertise-chip-list{display:flex;flex-wrap:wrap;gap:6px} .advertise-chip-list span{padding:7px 11px;border:1px solid #dfe6db;border-radius:20px;background:#f4f7f1;color:#57675b;font-size:12px;font-weight:700;line-height:1.2} .advertise-detail-link{display:flex;width:fit-content;max-width:100%;align-self:flex-start;align-items:center;justify-content:flex-start;gap:7px;margin-top:18px;padding:11px 14px;border:1px solid #dfe6db;border-radius:11px;background:#f4f7f1;color:#557650;font-size:12px;font-weight:800;text-align:left;text-decoration:none;transition:background .2s,border-color .2s,color .2s} .advertise-detail-link:hover{border-color:#cad7c3;background:#edf3e9;color:#304e2b} .advertise-ptc-durations{display:grid;gap:11px;padding:18px;border:1px solid #e5e9e1;border-radius:14px;background:#f6f8f3} .youtube-ad-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px} .youtube-ad-type-grid>div{display:grid;align-content:start;gap:8px;min-height:112px;padding:13px;border:1px solid #e4e8e1;border-radius:12px;background:#f6f8f3} .youtube-ad-type-number{color:#78936e;font-size:10px;font-weight:800;letter-spacing:.12em} .youtube-ad-type-grid strong{color:#3f5044;font:700 14px/1.35 Manrope,sans-serif} .youtube-ad-type-grid small{color:#7b877f;font-size:12px;line-height:1.5} body.landing-theme-2 .advertise-type-button{border-color:#ffffff17;background:linear-gradient(145deg,#191a1d,#111214);color:#f1f1f3} body.landing-theme-2 .advertise-type-button.is-active{border-color:#ff815588;background:#241a17;box-shadow:0 0 25px #ec512014} body.landing-theme-2 .advertise-type-button small,body.landing-theme-2 .advertise-detail-description{color:#a2a3a9} body.landing-theme-2 .advertise-detail-panel{border-color:#ffffff17;background:linear-gradient(145deg,#191a1d,#111214);box-shadow:0 16px 38px #0004} body.landing-theme-2 .advertise-detail-heading h3,body.landing-theme-2 .advertise-detail-meta strong,body.landing-theme-2 .youtube-ad-type-grid strong{color:#f1f1f3} body.landing-theme-2 .advertise-detail-icon{border-color:#f5653826;background:#f45a2b18;color:#ff8055} body.landing-theme-2 .banner-ad-demo,body.landing-theme-2 .advertise-ptc-durations,body.landing-theme-2 .youtube-ad-type-grid>div{border-color:#ffffff12;background:#111214} body.landing-theme-2 .banner-ad-demo-creative{border-color:#ffffff17;background:linear-gradient(110deg,#2a211f,#18191b 68%)} body.landing-theme-2 .banner-ad-preview-canvas{border-color:#ffffff15;background:#0d0e10} body.landing-theme-2 .advertise-size-chip{border-color:#ffffff20;background:#1b1c1e;color:#eee1dc} body.landing-theme-2 .banner-ad-demo-creative strong{color:#f4ece9}body.landing-theme-2 .banner-ad-demo-creative small,body.landing-theme-2 .youtube-ad-type-grid small{color:#a2a3a9} body.landing-theme-2 .banner-ad-demo-mark,body.landing-theme-2 .banner-ad-demo-cta{background:#eb633e} body.landing-theme-2 .advertise-chip-list span{border-color:#ffffff18;background:#1b1c1e;color:#d0d0d3} body.landing-theme-2 .advertise-detail-link{border-color:#ffffff20;background:#1b1c1e;color:#ff8155} body.landing-theme-2 .advertise-detail-link:hover{border-color:#ffffff35;background:#252629;color:#ff9a78} body.landing-theme-c .advertise-type-button{border-color:#a8bdff18;background:linear-gradient(145deg,#151f3a,#0d142a);color:#f1f4ff} body.landing-theme-c .advertise-type-button.is-active{border-color:#91adff88;background:#1a2747;box-shadow:0 0 25px #6288ff16} body.landing-theme-c .advertise-type-button small,body.landing-theme-c .advertise-detail-description{color:#a2aec7} body.landing-theme-c .advertise-detail-panel{border-color:#a8bdff18;background:linear-gradient(145deg,#151f3a,#0d142a);box-shadow:0 18px 45px #0004} body.landing-theme-c .advertise-detail-heading h3,body.landing-theme-c .advertise-detail-meta strong,body.landing-theme-c .youtube-ad-type-grid strong{color:#f1f4ff} body.landing-theme-c .advertise-detail-icon{border-color:#91adff30;background:#7799ff18;color:#a9c4ff} body.landing-theme-c .banner-ad-demo,body.landing-theme-c .advertise-ptc-durations,body.landing-theme-c .youtube-ad-type-grid>div{border-color:#a8bdff18;background:#101a32} body.landing-theme-c .banner-ad-demo-creative{border-color:#a8bdff22;background:linear-gradient(110deg,#233253,#111a30 68%)} body.landing-theme-c .banner-ad-preview-canvas{border-color:#a8bdff20;background:#0b1429} body.landing-theme-c .advertise-size-chip{border-color:#a8bdff28;background:#172441;color:#dce5fa} body.landing-theme-c .banner-ad-demo-creative strong{color:#f1f4ff}body.landing-theme-c .banner-ad-demo-creative small,body.landing-theme-c .youtube-ad-type-grid small{color:#a2aec7} body.landing-theme-c .banner-ad-demo-mark,body.landing-theme-c .banner-ad-demo-cta{background:#607fce} body.landing-theme-c .advertise-chip-list span{border-color:#a8bdff20;background:#172441;color:#d2dcf5} body.landing-theme-c .advertise-detail-link{border-color:#a8bdff28;background:#172441;color:#a9c4ff} body.landing-theme-c .advertise-detail-link:hover{border-color:#a8bdff50;background:#1c2b4c;color:#c3d5ff} @media(max-width:760px){.advertise-explorer{grid-template-columns:1fr}.advertise-type-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.advertise-type-button{grid-template-columns:38px minmax(0,1fr);gap:9px;min-height:72px;padding:10px}.advertise-type-button .advertise-option-icon{width:38px;height:38px}.advertise-type-button strong{font-size:12px}.advertise-type-button small{font-size:10px}} @media(max-width:520px){.advertise-detail-panel{padding:17px}.advertise-type-list{grid-template-columns:1fr}.advertise-type-button{grid-template-columns:40px minmax(0,1fr);min-height:62px;padding:9px 12px}.advertise-detail-meta{grid-template-columns:1fr}.youtube-ad-type-grid{grid-template-columns:1fr}.youtube-ad-type-grid>div{min-height:0;grid-template-columns:40px minmax(0,1fr);gap:5px 10px}.youtube-ad-type-number{grid-row:span 2}.banner-ad-demo-creative{grid-template-columns:32px minmax(0,1fr);padding:10px}.banner-ad-demo-cta{grid-column:2;justify-self:start}.advertise-detail-heading h3{font-size:19px}} @media(prefers-reduced-motion:reduce){.advertise-detail-panel{animation:none}} .advertising-preview-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px} .advertising-preview-upload-card{display:grid;align-content:start;gap:14px;min-width:0;padding:18px;border:1px solid #e8ece4;border-radius:14px;background:#fafbf7} .advertising-preview-upload-card h3{margin:5px 0 0;color:#35473c;font:700 17px/1.35 Manrope,sans-serif} .advertising-preview-current{display:block;width:auto;max-width:100%;max-height:160px;object-fit:contain;justify-self:start;border:1px solid #e8ece4;border-radius:9px;background:#fff} .advertising-preview-empty{display:grid;min-height:80px;place-items:center;border:1px dashed #d6ddd2;border-radius:9px;color:#89948b;font-size:13px} .advertising-preview-upload-form{display:grid;gap:12px} .advertising-preview-upload-form label{display:grid;gap:8px;font-weight:600} .advertising-preview-upload-form small{color:#7a877d;font-size:12px;font-weight:400;line-height:1.5} @media(max-width:640px){.advertising-preview-upload-grid{grid-template-columns:1fr}.advertising-preview-upload-card{padding:15px}} .advertise-banner-panel{padding:21px} .advertise-banner-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:22px;align-items:stretch} .advertise-banner-illustration{display:flex;min-width:0;min-height:320px;align-items:center;justify-content:center;padding:0} .advertise-banner-layout .banner-ad-preview-image{display:block;width:100%;height:auto;max-width:100%;max-height:440px;object-fit:contain} .advertise-banner-layout .banner-ad-preview-image[hidden]{display:none} .advertise-banner-controls{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:22px;padding:10px 4px} .advertise-banner-controls .advertise-detail-heading{margin-bottom:1px} .advertise-billing-picker,.advertise-size-picker{display:grid;gap:10px;width:100%} .advertise-billing-options{display:flex;flex-wrap:wrap;gap:8px} .advertise-billing-options span{display:inline-flex;min-width:72px;min-height:36px;align-items:center;justify-content:center;padding:7px 15px;border:1px solid #dfe6db;border-radius:11px;background:#f4f7f1;color:#526558;font:800 12px/1 Manrope,sans-serif;letter-spacing:.06em} .advertise-banner-controls .advertise-detail-link{margin-top:auto} body.landing-theme-2 .advertise-billing-options span{border-color:#ffffff20;background:#1b1c1e;color:#f0d4ca} body.landing-theme-c .advertise-billing-options span{border-color:#a8bdff28;background:#172441;color:#d2dcf5} @media(max-width:760px){.advertise-banner-layout{grid-template-columns:1fr}.advertise-banner-illustration{min-height:260px}.advertise-banner-layout .banner-ad-preview-image{max-height:380px}.advertise-banner-controls{gap:17px;padding:2px 1px}} @media(max-width:520px){.advertise-banner-panel{padding:14px}.advertise-banner-illustration{min-height:190px}.advertise-banner-layout .banner-ad-preview-image{max-height:300px}} /* Keep advertising labels and accent copy aligned with the active public theme. */ body.landing-theme-2 .landing-advertise .section-tag, body.landing-theme-2 .landing-advertise .advertise-meta-label, body.landing-theme-2 .landing-advertise .youtube-ad-type-number{color:#ff8a63} body.landing-theme-2 .landing-advertise .banner-ad-demo-dot{background:#ff8055} body.landing-theme-c .landing-advertise .section-tag, body.landing-theme-c .landing-advertise .advertise-meta-label, body.landing-theme-c .landing-advertise .youtube-ad-type-number{color:#a9c4ff} body.landing-theme-c .landing-advertise .banner-ad-demo-dot{background:#91adff} /* Keep the how-it-works step labels and copy on the active theme palette. */ body.landing-theme-2 #how .step-heading>span{color:#ff8055} body.landing-theme-2 #how .step-card p{color:#a5a6ac} body.landing-theme-c #how .step-heading>span{color:#9bb9ff} body.landing-theme-c #how .step-card p{color:#a5b0c8} body.app-shell.member-theme-orange .history-panel .status-pill.status-paid{background:#173927;color:#8ee0a7} body.app-shell.member-theme-orange .history-panel .status-pill.status-failed{background:#3b201f;color:#ff9a8c} body.app-shell.member-theme-blue .history-panel .status-pill.status-paid{background:#18382f;color:#8ce0b2} body.app-shell.member-theme-blue .history-panel .status-pill.status-failed{background:#402329;color:#ff9cac} body.app-shell.member-theme-orange .coin-option.is-stock-available,body.app-shell.member-theme-orange .coin-option.is-stock-available.is-selected{border-color:#63bd81;background:#173927;box-shadow:0 0 0 2px #63bd8124} body.app-shell.member-theme-orange .coin-option.is-stock-unavailable,body.app-shell.member-theme-orange .coin-option.is-stock-unavailable.is-selected{border-color:#ed7775;background:#3b201f;box-shadow:0 0 0 2px #ed777524} body.app-shell.member-theme-orange .coin-option.is-stock-available .coin-option-estimate{color:#8ee0a7} body.app-shell.member-theme-orange .coin-option.is-stock-unavailable .coin-option-estimate{color:#ff9a8c} body.app-shell.member-theme-blue .coin-option.is-stock-available,body.app-shell.member-theme-blue .coin-option.is-stock-available.is-selected{border-color:#62c394;background:#18382f;box-shadow:0 0 0 2px #62c39424} body.app-shell.member-theme-blue .coin-option.is-stock-unavailable,body.app-shell.member-theme-blue .coin-option.is-stock-unavailable.is-selected{border-color:#f17b91;background:#402329;box-shadow:0 0 0 2px #f17b9124} body.app-shell.member-theme-blue .coin-option.is-stock-available .coin-option-estimate{color:#8ce0b2} body.app-shell.member-theme-blue .coin-option.is-stock-unavailable .coin-option-estimate{color:#ff9cac} body.app-shell.member-theme-orange .coin-stock-status.is-available{color:#8ee0a7} body.app-shell.member-theme-orange .coin-stock-status.is-unavailable,body.app-shell.member-theme-orange .coin-stock-status.is-error{color:#ff9a8c} body.app-shell.member-theme-blue .coin-stock-status.is-available{color:#8ce0b2} body.app-shell.member-theme-blue .coin-stock-status.is-unavailable,body.app-shell.member-theme-blue .coin-stock-status.is-error{color:#ff9cac} /* Mobile landing navigation: keep the links and account actions in one flowing panel. */ @media (max-width: 900px) { .site-header.landing-header { z-index: 20; } body.landing-menu-open { overflow: hidden; } body.landing-menu-open:before { content: ""; position: fixed; inset: 0; z-index: 19; background: #0506089c; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); } .site-header.landing-header.menu-open { max-height: calc(100vh - 20px); max-height: calc(100dvh - 20px); overflow-y: auto; height: auto; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: 58px auto auto; align-content: start; border-radius: 20px; } .site-header.landing-header.menu-open > .brand { grid-column: 1; grid-row: 1; } .site-header.landing-header.menu-open > .menu-toggle { grid-column: 2; grid-row: 1; } .site-header.landing-header.menu-open > .top-nav, .site-header.landing-header.menu-open > .nav-actions { position: static; inset: auto; z-index: auto; display: flex; grid-column: 1 / -1; width: auto; margin-right: -13px; margin-left: -13px; flex-direction: column; align-items: stretch; gap: 2px; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); } .site-header.landing-header.menu-open > .top-nav { grid-row: 2; padding: 10px 20px; border: 1px solid #ffffff24; border-bottom: 0; border-radius: 0; box-shadow: none; } .site-header.landing-header.menu-open > .nav-actions { grid-row: 3; padding: 8px 20px 14px; border: 1px solid #ffffff24; border-top: 0; border-radius: 0 0 19px 19px; box-shadow: 0 16px 35px #0003; } .site-header.landing-header.menu-open .top-nav > a, .site-header.landing-header.menu-open .nav-actions > a { min-height: 40px; display: flex; align-items: center; padding: 8px 10px; font-size: 15px; } .site-header.landing-header.menu-open .top-nav > a[aria-current="page"]:after { display: none; } .site-header.landing-header.menu-open .nav-actions .button-sm { align-self: flex-start; margin-top: 4px; padding: 10px 16px; } } @media (max-width: 640px) { .site-header.landing-header.menu-open { grid-template-rows: 58px auto auto; } .site-header.landing-header.menu-open .top-nav > a, .site-header.landing-header.menu-open .nav-actions > a { min-height: 38px; font-size: 14px; } }