/* OfferTasker / Fieldwork Design System · complete visual rebuild · Oct 2026
   Scope: public marketing, auth, members, advertising tools and admin.
   Operational PHP, rewards, postbacks and database logic remain separate.
*/
:root{
 --ot-ink:#142822;--ot-ink-2:#1d3930;--ot-forest:#173b30;
 --ot-accent:#cbf26b;--ot-accent-strong:#b9e653;--ot-coral:#ff9074;
 --ot-bg:#f5f6f1;--ot-surface:#fff;--ot-line:#e2e7df;
 --ot-text:#1b3028;--ot-muted:#66766e;--ot-shadow:0 10px 34px rgba(15,44,32,.045);
 --ot-radius:16px;--ot-radius-lg:24px;
 --primary:#1e5847;--purple:#28594d;--text:var(--ot-text);--muted:var(--ot-muted);--bg:var(--ot-bg);--card:#fff;--border:var(--ot-line);--shadow:var(--ot-shadow)
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body.otv-site{margin:0;background:var(--ot-bg);color:var(--ot-text);font:500 15px/1.58 'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;min-width:320px}
body.otv-site :is(h1,h2,h3,h4,strong,b){font-family:'Manrope','DM Sans',system-ui,sans-serif}
body.otv-site :is(h1,h2,h3,h4){line-height:1.24;letter-spacing:-.035em;color:var(--ot-ink)}
body.otv-site :is(h1,h2,h3,h4,p){margin-top:0}
body.otv-site a{color:inherit;text-decoration:none}
body.otv-site a:hover{color:inherit}
body.otv-site :is(button,input,textarea,select){font:inherit}
body.otv-site :is(button,.btn,[type=submit]){cursor:pointer}
body.otv-site button:disabled{cursor:not-allowed;opacity:.55}
body.otv-site :focus-visible{outline:3px solid #92bb33;outline-offset:3px}
body.otv-site [hidden]{display:none!important}
body.otv-site img{max-width:100%}
body.otv-site .otv-icon{width:20px;height:20px;flex:none;vertical-align:middle}
body.otv-site .muted,body.otv-site .muted-small{color:var(--ot-muted)}
body.otv-site small{font-size:12px}
/* Header */
.otv-topbar{position:sticky;top:0;z-index:110;background:var(--ot-ink);color:#f3f6ef;border-bottom:1px solid rgba(255,255,255,.095)}
.otv-top-inner{width:min(1480px,100%);height:78px;margin:0 auto;padding:0 clamp(20px,4.3vw,76px);display:flex;align-items:center;gap:clamp(16px,3vw,58px)}
.otv-brand{display:inline-flex;flex:none;align-items:center}.otv-brand img{width:190px;height:auto;max-height:52px;display:block}
.otv-header-links{display:flex;align-items:center;gap:clamp(14px,1.9vw,32px);margin-left:auto}
.otv-header-links a,.otv-header-signin{font-weight:700;font-size:13px;color:#d5e4dc!important;white-space:nowrap;transition:color .2s}
.otv-header-links a:hover,.otv-header-signin:hover{color:#d5f37e!important}
.otv-header-actions{display:flex;align-items:center;gap:18px}
.otv-header-cta{display:inline-flex;gap:10px;align-items:center;justify-content:center;white-space:nowrap;color:var(--ot-ink)!important;background:var(--ot-accent);font-weight:800;font-size:13px;padding:12px 18px;border-radius:10px;transition:background .2s,transform .2s}
.otv-header-cta:hover{background:#e2ff9e;transform:translateY(-1px)}
.otv-header-cta .otv-icon{width:16px;height:16px}
.otv-header-user{display:flex;align-items:center;gap:7px;max-width:140px;font-size:12px;font-weight:700;color:#d5e4dc!important}
.otv-header-user span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.otv-header-user .otv-icon{width:17px;height:17px}
.otv-menu-button{display:none;align-items:center;justify-content:center;border:1px solid #557166;background:transparent;color:white;border-radius:11px;width:43px;height:43px}
.otv-mobile-workspace-button{display:none}
/* Footer */
.otv-footer{margin-top:85px;background:#10271f;color:#fff}
.otv-footer-inner{max-width:1420px;margin:auto;padding:63px clamp(20px,5vw,80px) 23px}
.otv-footer-top{display:flex;gap:70px;justify-content:space-between}
.otv-footer-logo img{width:190px;height:auto}.otv-footer-top>div:first-child{max-width:345px}
.otv-footer-top p{color:#d9e9de;margin:19px 0 6px;font-size:17px;font-weight:700}
.otv-footer-top small{color:#97b3a2;font-size:12px;line-height:1.65}
.otv-footer-links{display:grid;grid-template-columns:repeat(3,minmax(135px,1fr));gap:clamp(20px,4vw,80px)}
.otv-footer-links>div{display:flex;flex-direction:column;gap:12px}.otv-footer-links strong{font-size:12px;color:#a4c0ad;letter-spacing:.13em;text-transform:uppercase;margin-bottom:6px}.otv-footer-links a{font-size:13px;color:#e7f1e9!important}.otv-footer-links a:hover{color:var(--ot-accent)!important}
.otv-footer-bottom{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #355246;margin-top:65px;padding-top:23px;color:#aac1b1;font-size:12px}
/* Buttons + controls */
body.otv-site :is(.btn,.btn-3d,button[type=submit],input[type=submit],.auth-submit){display:inline-flex;align-items:center;justify-content:center;gap:9px;max-width:100%;min-height:43px;padding:11px 18px;border:1px solid transparent;border-radius:10px;background:var(--ot-ink);color:#fff;box-shadow:none;font-weight:800;font-size:13px;line-height:1.25;transition:background .18s,transform .18s}
body.otv-site :is(.btn,.btn-3d,button[type=submit],input[type=submit],.auth-submit):hover:not(:disabled){background:#295b49;transform:translateY(-1px);box-shadow:none}
body.otv-site :is(.btn,.btn-3d,button[type=submit],input[type=submit],.auth-submit):active{transform:translateY(0)}
body.otv-site .btn.small{min-height:34px;padding:8px 12px;font-size:12px;border-radius:8px}
body.otv-site :is(.btn.ghost,.btn.secondary,.btn.outline){background:#fff;color:var(--ot-ink);border-color:var(--ot-line)}
body.otv-site :is(.btn.ghost,.btn.secondary,.btn.outline):hover{background:#f4f8ee}
body.otv-site .btn.danger{background:#ad392e;color:#fff}
body.otv-site :is(.input,input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),select,textarea){display:block;width:100%;min-width:0;min-height:44px;border:1px solid #d9e1d9;background:#fff;color:#1b3429;border-radius:10px;padding:11px 13px;outline:none;box-shadow:none}
body.otv-site :is(input,select,textarea)::placeholder{color:#9caaa0}
body.otv-site :is(.input,input,select,textarea):focus{border-color:#81a351;box-shadow:0 0 0 3px rgba(203,242,107,.27)}
body.otv-site textarea{min-height:120px;resize:vertical}
body.otv-site input[type=checkbox],body.otv-site input[type=radio]{accent-color:#296446;width:auto;min-height:0;display:inline-block}
body.otv-site label{display:block;font-size:13px;font-weight:800;color:var(--ot-ink);margin-bottom:5px}
body.otv-site label :is(input,select,textarea){margin-top:7px}
body.otv-site .form{display:grid;gap:16px;max-width:100%}
body.otv-site .form small{color:var(--ot-muted);line-height:1.5}
/* Flash */
body.otv-site .flash{max-width:1230px;margin:18px auto;padding:15px 18px;border:1px solid #cfe4d4;border-radius:11px;background:#eefaf0;color:#285138;font-size:14px}
body.otv-site .flash.error{border-color:#f3c1ba;background:#fff2f0;color:#8a332c}
/* General application / admin structure */
body.otv-site .layout{width:min(1510px,100%);margin:0 auto;display:grid;grid-template-columns:244px minmax(0,1fr);align-items:start;gap:30px;padding:31px clamp(18px,3.6vw,62px) 50px;min-height:calc(100vh - 240px)}
body.otv-site .main{min-width:0;max-width:100%;padding:0 0 15px}
.otv-sidebar{position:sticky;top:99px;align-self:start;max-height:calc(100vh - 115px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#becfc0 transparent;background:var(--ot-ink);color:#d9e5dc;border:0;border-radius:17px;padding:19px 12px 15px;box-shadow:none}
.otv-sidebar-head{padding:7px 15px 19px;border-bottom:1px solid #3c5148;margin-bottom:14px;display:flex;flex-direction:column;gap:4px}
.otv-sidebar-portal{color:var(--ot-accent);font-size:10px;font-weight:800;letter-spacing:.16em}.otv-sidebar-head strong{font-size:17px;color:white;line-height:1.5;letter-spacing:-.03em}.otv-side-sub{font-size:12px;color:#a4bbad}
.otv-sidebar-group{padding-bottom:15px}.otv-sidebar-label{padding:15px 13px 7px;color:#879d91;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.otv-sidebar .side-link{display:flex;align-items:center;gap:12px;color:#d6e4d9!important;min-height:40px;padding:10px 11px;border-radius:9px;font-size:12px;font-weight:700;line-height:1.25;margin:2px 0;transition:background .17s,color .17s;box-shadow:none!important;white-space:normal}
.otv-sidebar .side-link:hover{background:#284a3a;color:white!important}
.otv-sidebar .side-link.active{background:var(--ot-accent);color:#173127!important;box-shadow:none}
.otv-side-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px}.otv-side-icon .otv-icon{width:18px;height:18px;stroke-width:1.8}
.otv-active-dot{width:6px;height:6px;background:var(--ot-ink);border-radius:50%;margin-left:auto}
.otv-sidebar .otv-side-logout{border-top:1px solid #345045;margin-top:10px;padding-top:17px;border-radius:0;color:#b8cfc0!important}
body.otv-site .main>h1,body.otv-site .main>.dashboard-head h1,body.otv-site .main>.page-head h1{font-size:clamp(26px,2.6vw,35px);font-weight:800;letter-spacing:-.04em;margin-bottom:10px}
body.otv-site .main>h1+*:is(p,.muted){margin-bottom:23px}
body.otv-site .dashboard-head,body.otv-site .page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}
body.otv-site .dashboard-head p,body.otv-site .page-head p{color:var(--ot-muted);margin:8px 0 0}
body.otv-site .panel,body.otv-site .stat-card,body.otv-site .feature,body.otv-site .proof-card,body.otv-site .content-page,body.otv-site .table-card,body.otv-site .info-card{background:#fff;border:1px solid var(--ot-line);border-radius:var(--ot-radius);padding:24px;box-shadow:var(--ot-shadow);min-width:0}
body.otv-site .panel{margin-bottom:20px}
body.otv-site .panel h2{font-size:19px;margin:0 0 15px}body.otv-site .panel h3{font-size:16px;margin:15px 0 9px}
body.otv-site .panel>p{color:var(--ot-muted)}
body.otv-site .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(194px,1fr));gap:15px;margin-bottom:22px}
body.otv-site .stat-card{display:flex;gap:15px;align-items:center;padding:20px}
body.otv-site .stat-card .icon{font-size:26px}body.otv-site .stat-card span{font-size:12px;color:var(--ot-muted);display:block}
body.otv-site .stat-card strong{display:block;font-size:23px;font-weight:800;letter-spacing:-.04em;color:var(--ot-ink)}
body.otv-site .grid{display:grid;gap:16px}body.otv-site .features{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
body.otv-site .feature{padding:23px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
body.otv-site .feature h3{font-size:18px;margin:0 0 7px}.feature p{color:var(--ot-muted);font-size:14px;line-height:1.55}.feature .btn{margin-top:auto}
body.otv-site .table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--ot-line);border-radius:14px;overflow:hidden;box-shadow:var(--ot-shadow);font-size:13px}
body.otv-site .table th{background:#eaf0e8;color:#25483a;font-weight:800;letter-spacing:.01em}
body.otv-site .table :is(th,td){padding:13px 14px;text-align:left;vertical-align:middle;border-bottom:1px solid #e8ede7;overflow-wrap:anywhere}
body.otv-site .table tr:last-child td{border-bottom:0}body.otv-site .table tbody tr:hover{background:#f8faf4}
body.otv-site .table :is(a,button){white-space:normal}body.otv-site .table a:not(.btn){color:#25684b;font-weight:700;text-decoration:underline;text-underline-offset:3px}
body.otv-site .table-card{overflow:auto}
body.otv-site .badge{display:inline-flex;align-items:center;background:#e8f6d5;color:#27603d;font-size:11px;font-weight:800;border-radius:99px;padding:5px 10px}
body.otv-site .notice{background:#eff5e6;border:1px solid #dbe8cb;border-radius:11px;color:#405b39;padding:15px;margin:12px 0;overflow-wrap:anywhere}
body.otv-site .alert{padding:13px 15px;border:1px solid #f3c1ba;border-radius:11px;background:#fff0eb;color:#994839}
body.otv-site .settings-section{padding:18px;background:white;border:1px solid var(--ot-line);border-radius:14px;margin-bottom:18px}
body.otv-site .settings-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:17px}
body.otv-site .settings-help{color:var(--ot-muted);font-size:12px}
body.otv-site .content-page{margin:35px auto;max-width:1060px;padding:32px}
body.otv-site .page-body{line-height:1.8;font-size:15px;color:#41584b}
body.otv-site .page-body :is(h2,h3){margin:26px 0 10px}
body.otv-site .content-page h1{font-size:clamp(25px,4vw,38px)}
body.otv-site .legal-page{max-width:1010px;margin:35px auto;background:#fff;padding:35px;border:1px solid var(--ot-line);border-radius:20px}
body.otv-site .legal-heading{border-bottom:1px solid var(--ot-line);margin-bottom:25px;padding-bottom:23px}
body.otv-site .legal-heading h1{font-size:clamp(28px,4vw,40px)}
body.otv-site .legal-body{color:#485b50;line-height:1.85}
body.otv-site .legal-eyebrow{color:#356c52;font-weight:800;font-size:12px;letter-spacing:.1em}
/* Universal semantic page banner for every existing route */
.otv-route-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#ebf0e8;border:1px solid #dfe8dd;border-radius:13px;padding:15px 20px;margin:0 0 24px}
.otv-route-breadcrumb{font-size:12px;font-weight:800;color:#426854}.otv-route-breadcrumb span{color:#8b9f91;margin:0 8px}.otv-route-category{font-size:11px;letter-spacing:.08em;font-weight:800;color:#5b7965;text-transform:uppercase}
/* Full home page */
.otv-home{background:#f6f7f1}
.otv-home :is(h1,h2,h3,p){margin-top:0}
.otv-container{width:min(1320px,100%);padding:0 clamp(20px,5vw,70px);margin:0 auto}
.otv-home-hero{background:#10271f;color:#f5f7f2;position:relative;overflow:hidden}
.otv-home-hero:before{content:'';position:absolute;top:-220px;right:-260px;width:700px;height:700px;border:1px solid #315545;border-radius:50%;opacity:.85}
.otv-home-hero:after{content:'';position:absolute;right:-180px;top:-100px;width:510px;height:510px;border:1px solid #315545;border-radius:50%}
.otv-hero-grid{min-height:655px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:50px;align-items:center;position:relative;z-index:1;padding-top:54px;padding-bottom:75px}
.otv-eyebrow{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.13em;font-size:11px;color:#48715a;text-transform:uppercase}
.otv-eyebrow:before{content:'';display:block;width:17px;height:2px;background:#6b9363}
.otv-hero-eyebrow{color:var(--ot-accent)}.otv-hero-eyebrow:before{background:var(--ot-accent)}
.otv-hero-copy{max-width:660px}.otv-hero-copy h1{color:white;font-weight:800;font-size:clamp(46px,5.4vw,76px);line-height:1.11;letter-spacing:-.067em;margin:24px 0 23px}
.otv-hero-copy h1 span{color:var(--ot-accent)}
.otv-hero-copy>p{max-width:510px;color:#cadcd0;font-size:16px;line-height:1.8;margin-bottom:29px}
.otv-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin:0 0 29px}
.otv-main-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--ot-accent);color:#183224!important;font-size:14px;font-weight:800;padding:16px 24px;min-height:54px;border-radius:10px;transition:background .2s,transform .2s}
.otv-main-cta .otv-icon{width:19px;height:19px}.otv-main-cta:hover{background:#e2ff9e;transform:translateY(-2px)}
.otv-quiet-cta{display:inline-flex;align-items:center;gap:9px;color:#f5fcf0!important;font-size:14px;font-weight:800;padding:12px 10px}
.otv-quiet-cta:hover{color:var(--ot-accent)!important}
.otv-trust-row{display:flex;align-items:center;gap:19px;flex-wrap:wrap;color:#c1d4c5;font-size:12px;font-weight:600}.otv-trust-row span{display:flex;align-items:center;gap:7px}.otv-trust-row svg{width:15px;height:15px;color:var(--ot-accent)}
/* Original, browser-native dashboard composition. Figures are database-derived. */
.otv-hero-art{position:relative;min-height:465px;display:flex;align-items:center;justify-content:center}
.otv-art-grid{position:absolute;inset:0;background-image:radial-gradient(#476552 1.2px,transparent 1.2px);background-size:23px 23px;mask-image:radial-gradient(ellipse 60% 57% at 53% 50%,#000,transparent);opacity:.45}
.otv-art-glow{position:absolute;width:410px;height:410px;border-radius:50%;background:#294b3a;border:1px solid #668565;left:50%;top:50%;transform:translate(-50%,-50%)}
.otv-art-card{position:relative;width:min(440px,92%);background:#fff;color:#1a3127;border-radius:16px;box-shadow:0 35px 80px rgba(0,0,0,.24);padding:23px;transform:rotate(-3deg)}
.otv-art-card-top{display:flex;justify-content:space-between;align-items:center;padding:1px 0 16px;border-bottom:1px solid #e3eae2}
.otv-art-card-top span{font-size:12px;font-weight:800;display:flex;align-items:center;gap:8px}.otv-art-card-top small{font-size:10px;color:#6f8678}
.otv-mini-mark{width:27px;height:27px;border-radius:7px;background:#d4f27d;display:inline-flex;align-items:center;justify-content:center;color:#1e4229;font-weight:900}
.otv-art-balance{padding:25px 0 19px}.otv-art-balance>span,.otv-art-metrics small{display:block;color:#677b6b;font-size:12px}.otv-art-balance strong{display:block;margin:3px 0 2px;font-size:clamp(36px,4vw,51px);line-height:1.2;letter-spacing:-.06em}.otv-art-balance strong em{font-style:normal;font-size:18px;color:#759077;letter-spacing:0;margin-left:7px}
.otv-art-balance p{margin:0;font-size:11px;color:#7b8e7d}
.otv-art-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.otv-art-metrics>div{background:#eef3e9;border-radius:10px;padding:14px}.otv-art-metrics strong{display:block;font-size:19px;margin:3px 0 0;letter-spacing:-.04em}
.otv-art-tasks{margin-top:19px}.otv-art-tasks>strong{font-size:12px;display:block;margin-bottom:10px}.otv-art-task{display:flex;align-items:center;gap:11px;border:1px solid #e9ece6;border-radius:9px;padding:10px 12px;margin:7px 0;font-size:11px;font-weight:800}.otv-art-task .otv-icon{width:16px;height:16px;color:#387858}.otv-art-task small{margin-left:auto;color:#417752}
.otv-floating-tag{position:absolute;z-index:4;left:-20px;bottom:46px;transform:rotate(5deg);padding:13px 18px;display:flex;align-items:center;gap:10px;color:#183123;background:var(--ot-accent);font-weight:800;font-size:12px;border-radius:9px;box-shadow:0 14px 28px rgba(0,0,0,.15)}
.otv-floating-tag svg{width:19px;height:19px}
.otv-art-corner{position:absolute;right:-8px;top:20px;border-radius:50%;background:var(--ot-coral);width:65px;height:65px;box-shadow:inset 0 0 0 15px #10271f}
.otv-hero-bottom{background:#19382b;border-top:1px solid #304e40;color:#bcd1c2}
.otv-hero-bottom-inner{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:15px;padding-top:19px;padding-bottom:19px}
.otv-hero-bottom-inner span{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700}.otv-hero-bottom-inner b{color:var(--ot-accent);font-size:12px}
.otv-section{padding-top:98px;padding-bottom:25px}
.otv-section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:31px}
.otv-section-head h2{font-size:clamp(28px,3.5vw,44px);line-height:1.15;margin:15px 0 0;max-width:600px;letter-spacing:-.055em}
.otv-section-head>p{font-size:14px;line-height:1.8;color:#63766c;max-width:355px;margin:0 0 2px}
.otv-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.otv-method{min-height:240px;position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:27px 26px;border:1px solid #e1e8dc;border-radius:16px;background:#fff;color:var(--ot-ink);transition:transform .2s,box-shadow .2s,border-color .2s}
.otv-method:hover{transform:translateY(-5px);border-color:#a4bd91;box-shadow:0 20px 32px rgba(25,64,42,.09)}
.otv-method-icon{display:flex;align-items:center;justify-content:center;background:#e8f3d9;color:#2b6443;border-radius:11px;width:46px;height:46px;margin-bottom:20px}.otv-method-icon .otv-icon{width:23px;height:23px}
.otv-method:nth-child(2) .otv-method-icon,.otv-method:nth-child(5) .otv-method-icon{background:#eef0e4;color:#57743c}
.otv-method:nth-child(3) .otv-method-icon,.otv-method:nth-child(6) .otv-method-icon{background:#fff0dc;color:#a36b2d}
.otv-method h3{font-size:17px;margin:0 0 8px;letter-spacing:-.03em}.otv-method p{font-size:12px;line-height:1.7;color:#677c6d;margin:0 0 19px}.otv-method-cta{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#2d6346;margin-top:auto}.otv-method-cta svg{width:15px;height:15px}
.otv-stats-band{margin-top:85px;background:#e5eee2;border-top:1px solid #d5e2d3;border-bottom:1px solid #d5e2d3;padding:45px 0}
.otv-stats-inner{display:grid;grid-template-columns:1.5fr repeat(4,minmax(0,1fr));gap:20px;align-items:center}
.otv-stats-copy h2{font-size:25px;margin:11px 0 4px}.otv-stats-copy p{font-size:12px;color:#65806e;margin:0;max-width:210px}
.otv-stat{border-left:1px solid #c6d7c4;padding-left:22px}.otv-stat span{display:block;color:#567462;font-size:11px;font-weight:700;margin-bottom:8px}.otv-stat strong{font-size:clamp(19px,2vw,28px);letter-spacing:-.05em;line-height:1}
.otv-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.otv-step{padding:0 16px 10px 0}
.otv-step-number{display:flex;align-items:center;justify-content:center;width:49px;height:49px;border:1px solid #c6dbc6;color:#356144;border-radius:50%;font-size:15px;font-weight:800;margin-bottom:21px}.otv-step h3{font-size:18px;margin-bottom:10px}.otv-step p{max-width:310px;font-size:13px;color:#627667;line-height:1.8}
.otv-showcase{display:grid;grid-template-columns:1fr 1fr;background:#203b30;border-radius:24px;overflow:hidden;margin-top:85px}
.otv-showcase-copy{padding:70px clamp(28px,5vw,80px);color:#fff}.otv-showcase-copy .otv-eyebrow{color:var(--ot-accent)}.otv-showcase-copy .otv-eyebrow:before{background:var(--ot-accent)}.otv-showcase-copy h2{color:white;font-size:clamp(29px,3.5vw,47px);line-height:1.17;margin:19px 0}.otv-showcase-copy p{color:#c5d9c9;line-height:1.8;font-size:13px;max-width:420px}
.otv-showcase-links{display:grid;gap:11px;margin:29px 0 0}.otv-showcase-links a{display:flex;align-items:center;gap:12px;border-bottom:1px solid #43604c;padding-bottom:12px;color:#ecf5ec!important;font-weight:700;font-size:13px}.otv-showcase-links a .otv-icon:first-child{color:var(--ot-accent)}.otv-showcase-links a .otv-icon:last-child{margin-left:auto}
.otv-showcase-visual{background:#cbf26b;position:relative;display:grid;place-items:center;min-height:355px;padding:25px;overflow:hidden}
.otv-showcase-visual:before,.otv-showcase-visual:after{content:'';position:absolute;border:1px solid #779950;border-radius:50%;width:450px;height:450px}.otv-showcase-visual:after{width:285px;height:285px}
.otv-sv-card{background:#fff;border:1px solid #d6e4ca;border-radius:13px;max-width:325px;width:100%;padding:21px;position:relative;z-index:2;transform:rotate(5deg);box-shadow:0 24px 40px #234a312a}.otv-sv-card-head{display:flex;justify-content:space-between;gap:8px;font-size:11px;font-weight:800;border-bottom:1px solid #e6eadf;padding-bottom:14px}.otv-sv-card-head span{color:#3a8053}.otv-sv-card>strong{display:block;font-size:34px;margin:14px 0 5px;letter-spacing:-.05em}.otv-sv-card>small{display:block;color:#647f67}.otv-sv-bar{height:11px;background:#eff3e5;border-radius:20px;margin:19px 0 0;overflow:hidden}.otv-sv-bar span{display:block;width:67%;height:100%;border-radius:20px;background:#4f9366}
.otv-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.otv-proof-item{display:flex;gap:13px;align-items:center;background:white;border:1px solid #e0e8dd;border-radius:13px;padding:18px}
.otv-proof-icon{background:#dff2d5;color:#34714a;border-radius:10px;width:42px;height:42px;flex:none;display:grid;place-items:center}.otv-proof-main{min-width:0}.otv-proof-main b{display:block;font-size:13px}.otv-proof-main small{display:block;color:#729080;overflow-wrap:anywhere}.otv-proof-item>strong{font-size:14px;white-space:nowrap;margin-left:auto}
.otv-no-proofs{background:#fff;border-radius:13px;border:1px solid #e0e8dd;color:#6f8575;padding:20px;grid-column:1/-1}
.otv-section-footlink{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:13px;color:#285d3e!important;margin-top:23px}
.otv-faq-wrap{max-width:940px;margin:auto}.otv-faq-wrap .otv-section-head{align-items:center}
.otv-faq details{border-bottom:1px solid #d9e4d9;padding:19px 2px}.otv-faq summary{cursor:pointer;font-size:15px;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:20px}.otv-faq summary::-webkit-details-marker{display:none}.otv-faq summary::after{content:'+';font-size:24px;color:#4e775b;font-weight:500;line-height:1}.otv-faq details[open] summary::after{content:'−'}.otv-faq details p{color:#627969;font-size:13px;line-height:1.8;max-width:750px;margin:12px 0 0}
.otv-final-cta{background:#c9ef67;border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:48px 55px;margin:80px 0 0}.otv-final-cta h2{font-size:clamp(26px,3vw,40px);max-width:500px;margin:10px 0 8px}.otv-final-cta p{margin:0;color:#435c3d;font-size:13px}.otv-final-cta .otv-main-cta{background:#17372a;color:#fff!important;flex:none}.otv-final-cta .otv-main-cta:hover{background:#306149}
/* Public reward ticker / ad real slots */
.otv-home .otv-home-ad-top{padding-top:12px}.otv-reward-feed{margin-top:32px;padding:13px 18px;border:1px solid #d6e4cd;background:#fff;border-radius:13px;overflow:hidden;display:flex;align-items:center;gap:15px}.otv-feed-caption{display:inline-flex;gap:8px;align-items:center;white-space:nowrap;font-size:11px;font-weight:800;color:#2d6546}.otv-feed-caption i{height:7px;width:7px;background:#71b878;border-radius:50%}.otv-reward-feed .fc-ticker-window{flex:1;min-width:0;overflow:hidden}.otv-reward-feed .fc-ticker-item{font-size:11px}.otv-reward-feed .fc-ticker-empty{font-size:11px;color:#798979}
.site-ad-container,.ad-slot{max-width:100%;margin:12px auto;overflow-x:auto}.site-ad-container iframe,.ad-slot iframe{max-width:100%}
/* Dashboard: totally new layout, no old theme dependencies */
.otv-dashboard{width:100%}
.otv-dash-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 29px}
.otv-dash-welcome .otv-eyebrow{margin-bottom:9px}.otv-dash-welcome h1{font-size:clamp(27px,2.8vw,38px);margin:0 0 8px}.otv-dash-welcome p{color:#6a7b6f;font-size:13px;margin:0}
.otv-dash-welcome .otv-dash-cta{display:inline-flex;align-items:center;gap:10px;background:#cbf26b;color:#1a3726;font-size:13px;font-weight:800;padding:12px 16px;border-radius:9px;white-space:nowrap}
.otv-dash-overview{display:grid;grid-template-columns:minmax(255px,1.5fr) repeat(3,minmax(0,1fr));gap:14px;margin-bottom:30px}
.otv-balance-primary{min-height:192px;display:flex;flex-direction:column;justify-content:space-between;border-radius:15px;background:#193a2d;color:#fff;padding:25px;position:relative;overflow:hidden}
.otv-balance-primary:after{content:'';position:absolute;right:-74px;bottom:-112px;width:245px;height:245px;border:35px solid #446b47;border-radius:50%;opacity:.5}
.otv-balance-primary>div,.otv-balance-primary>a{position:relative;z-index:1}.otv-balance-primary .otv-balance-title{font-size:12px;font-weight:700;color:#c1d7c6}.otv-balance-primary strong{display:block;font-size:clamp(31px,3vw,45px);letter-spacing:-.055em;line-height:1.23;margin:11px 0 1px;color:white}.otv-balance-primary small{color:#b8d3c0;line-height:1.6}.otv-balance-primary a{font-size:12px;font-weight:800;color:#dcfb98!important;margin-top:13px}
.otv-dash-stat{display:flex;flex-direction:column;justify-content:space-between;gap:18px;background:#fff;border:1px solid var(--ot-line);border-radius:15px;padding:22px;min-width:0}
.otv-dash-stat .otv-dash-stat-icon{display:grid;place-items:center;width:38px;height:38px;background:#e8f3de;color:#387451;border-radius:9px}.otv-dash-stat .otv-dash-stat-icon svg{width:18px;height:18px}.otv-dash-stat span:not(.otv-dash-stat-icon){font-size:12px;color:#61766a;font-weight:700}.otv-dash-stat strong{display:block;font-size:clamp(21px,2.1vw,28px);letter-spacing:-.05em;margin:4px 0 2px}.otv-dash-stat small{color:#829386;font-size:11px}
.otv-dash-section{margin:34px 0}.otv-dash-section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 17px}.otv-dash-section-title h2{font-size:20px;margin:0}.otv-dash-section-title p{font-size:12px;color:#718579;margin:0}
.otv-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.otv-shortcut{position:relative;display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #e1e8e0;border-radius:13px;padding:19px;min-height:98px;transition:border-color .15s,transform .15s}.otv-shortcut:hover{transform:translateY(-2px);border-color:#87af73}.otv-shortcut-icon{height:45px;width:45px;border-radius:10px;background:#eaf4df;color:#2d744a;display:grid;place-items:center;flex:none}.otv-shortcut:nth-child(3n+2) .otv-shortcut-icon{background:#fff3dc;color:#967130}.otv-shortcut:nth-child(3n) .otv-shortcut-icon{background:#e9edf4;color:#436c7a}.otv-shortcut-title{font-size:13px;font-weight:800;margin-bottom:4px}.otv-shortcut small{display:block;font-size:11px;color:#718477;line-height:1.4}.otv-shortcut-arrow{margin-left:auto;color:#356647!important;align-self:flex-start}.otv-shortcut-arrow svg{width:17px;height:17px}
.otv-dashboard-bottom{display:grid;grid-template-columns:1.5fr .85fr;gap:15px}.otv-dash-panel{border:1px solid var(--ot-line);border-radius:15px;background:white;padding:25px;min-width:0}.otv-dash-panel h2{font-size:17px;margin:0 0 5px}.otv-dash-panel p{font-size:12px;color:#7a8a7d}.otv-chart-wrap{height:260px;margin-top:24px}.otv-chart-wrap canvas{max-width:100%;max-height:260px}
.otv-progress-line{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e6ebe5;padding:17px 0;font-size:12px;color:#708174}.otv-progress-line strong{font-size:15px;color:#24412e}.otv-dash-note{margin:22px 0 12px;padding:13px;border-radius:10px;background:#edf5e4;color:#456248;font-size:11px;line-height:1.6}.otv-dash-panel>a{font-size:12px;color:#29694a!important;font-weight:800}
/* Auth: fully reimagined split visual with old form handlers intact */
.otv-auth-route .auth-premium-wrap,.otv-auth-route .auth-wrap{padding:55px 22px!important;background:#f5f6f1!important;min-height:calc(100vh - 240px)!important;display:flex!important;justify-content:center!important;align-items:center!important;overflow:visible!important}
.otv-auth-route .auth-shell{max-width:1040px!important;width:100%!important;display:grid!important;grid-template-columns:.95fr 1.05fr!important;gap:0!important;align-items:stretch!important;background:#fff;border:1px solid #e0e6db;border-radius:19px;overflow:hidden;box-shadow:0 19px 60px rgba(29,63,42,.09)}
.otv-auth-route .auth-side{background:#173a2a!important;color:#fff!important;min-width:0;min-height:500px!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:48px 44px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;position:relative;overflow:hidden}
.otv-auth-route .auth-side:before{content:'';position:absolute;top:-90px;right:-190px;width:450px;height:450px;border-radius:50%;border:1px solid #567b56;box-shadow:0 0 0 80px rgba(186,230,99,.035);pointer-events:none}
.otv-auth-route .auth-side:after{content:''!important;position:absolute;right:-75px;bottom:-145px;width:340px;height:340px;background:#cbf26b!important;opacity:.94!important;border-radius:50%;pointer-events:none}
.otv-auth-route .auth-side>*{position:relative;z-index:2}.otv-auth-route .auth-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #53705a;border-radius:100px;background:transparent!important;color:#c9f08a!important;font-size:10px;letter-spacing:.12em;font-weight:800;padding:8px 12px}
.otv-auth-route .auth-side h2{font-size:clamp(30px,3.2vw,43px)!important;color:white!important;letter-spacing:-.055em!important;line-height:1.18!important;margin:25px 0 14px!important}
.otv-auth-route .auth-side h2 span,.otv-auth-route .auth-gradient{color:#cef47b!important;background:none!important;-webkit-text-fill-color:#cef47b!important}
.otv-auth-route .auth-side p{font-size:13px!important;line-height:1.8!important;max-width:310px;color:#c4d9c9!important;margin:0 0 20px}
.otv-auth-route .auth-benefits{display:grid!important;gap:12px!important;margin:25px 0 0}.otv-auth-route .auth-benefit{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:700;color:#f1f5e8}.otv-auth-route .auth-check{width:23px;height:23px;display:grid;place-items:center;flex:none;background:#335740;color:#d5f78f;border-radius:7px;font-size:12px}
.otv-auth-route .auth-showcase{background:rgba(11,35,24,.3)!important;border:1px solid #527454!important;padding:20px!important;border-radius:13px!important;margin-top:50px}.otv-auth-route .auth-showcase-top{display:flex;justify-content:space-between;font-size:11px;color:#cae3cc}.otv-auth-route .auth-showcase-heading{font-size:15px;color:white;font-weight:800;margin:17px 0 13px}.otv-auth-route .auth-showcase-list{display:grid;gap:9px}.otv-auth-route .auth-showcase-list>div{display:flex;align-items:center;gap:10px;padding:10px;background:#28503a;border-radius:8px;font-size:11px}.otv-auth-route .auth-showcase-list>div>span:nth-child(2){flex:1;min-width:0}.otv-auth-route .auth-showcase-list b{display:block;font-size:11px}.otv-auth-route .auth-showcase-list small{display:block;color:#bbd0c0;font-size:10px}.otv-auth-route .auth-showcase-icon{display:grid;place-items:center;background:#cbf26b;color:#1e412c;border-radius:6px;min-width:30px;height:30px;font-size:11px}.otv-auth-route .auth-showcase-arrow{color:#c9f177}
.otv-auth-route .auth-side-trust{font-size:10px;color:#cae0c6;padding-top:14px}
.otv-auth-route .auth-card{border:0!important;box-shadow:none!important;border-radius:0!important;background:#fff!important;min-height:0!important;max-width:100%!important;width:100%!important;padding:clamp(30px,4vw,54px)!important;overflow:visible!important}
.otv-auth-route .auth-card:before{display:none!important}.otv-auth-route .auth-mode-switch{display:inline-flex;gap:5px;background:#f0f3ed;border-radius:10px;padding:4px;margin-bottom:32px}.otv-auth-route .auth-mode-switch a{font-size:12px;padding:8px 15px;color:#657b68;font-weight:800;border-radius:7px}.otv-auth-route .auth-mode-switch a.is-active{background:#183d2e;color:#fff!important}
.otv-auth-route .auth-form-eyebrow{font-size:10px;letter-spacing:.14em;font-weight:800;color:#3b7655}.otv-auth-route .auth-card h1{font-size:clamp(27px,2.5vw,35px)!important;line-height:1.22!important;margin:12px 0!important;letter-spacing:-.05em!important;color:var(--ot-ink)!important}.otv-auth-route .auth-card h1 span{color:#477b4d!important;background:none!important;-webkit-text-fill-color:#477b4d!important}
.otv-auth-route .auth-card>p,.otv-auth-route .auth-form-intro{font-size:13px;color:#7a8b7c;line-height:1.7;margin:0 0 24px}
.otv-auth-route .auth-form{gap:16px!important;display:grid!important}.otv-auth-route .auth-field{margin:0}.otv-auth-route .auth-field label{font-size:12px;margin-bottom:6px}.otv-auth-route .auth-field-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.otv-auth-route .auth-field-heading a{font-size:11px;color:#2c7650;font-weight:800}
.otv-auth-route .auth-password-wrap{position:relative}.otv-auth-route .auth-password-wrap input{padding-right:65px!important}.otv-auth-route .auth-password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);border:none!important;background:#eff4eb!important;color:#3f6546!important;border-radius:6px!important;font-size:10px!important;font-weight:800!important;padding:7px!important;min-height:25px!important;box-shadow:none!important}
.otv-auth-route .auth-password-toggle:hover{transform:translateY(-50%)!important}.otv-auth-route .auth-password-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.otv-auth-route :is(.auth-submit,.btn-3d){width:100%;min-height:49px;background:#173d2c!important;color:#fff!important;margin-top:4px;border-radius:9px!important;font-size:13px}.otv-auth-route .auth-safe-note,.otv-auth-route .auth-footer-cta{font-size:11px;color:#849486;margin:18px 0 0}.otv-auth-route .auth-footer-cta a{font-weight:800;color:#307449!important}.otv-auth-route .auth-safe-note{border-top:1px solid #e6ebe4;padding-top:16px}
.otv-auth-route .auth-links{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.otv-auth-route .auth-links a{font-size:12px;color:#276e4e!important;font-weight:800}
.otv-auth-route .auth-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:30px}.otv-auth-route .auth-mini-stat{border:1px solid #52765c;border-radius:9px;padding:12px}.otv-auth-route .auth-mini-stat strong{display:block;color:#d7f48c;font-size:16px}.otv-auth-route .auth-mini-stat span{color:#c6dec8;font-size:10px}
/* Offerwall, PTC, withdrawal, payout components: shared palette / no functional changes */
body.otv-site .user-offerwalls .ow-provider-button,body.otv-site .layout.user-offerwalls .ow-provider-button{background:#e7f0dc!important;color:#254c37!important;border:1px solid #bad0b6!important;border-radius:9px!important;box-shadow:none!important;font-weight:800}
body.otv-site .user-offerwalls .ow-provider-button.is-active,body.otv-site .user-offerwalls .ow-provider-button[aria-pressed=true],body.otv-site .layout.user-offerwalls .ow-provider-button.is-active{background:#173b2b!important;color:white!important;border-color:#173b2b!important}
body.otv-site .user-offerwalls .ow-workspace,body.otv-site .user-offerwalls .ow-selection{border-radius:13px}body.otv-site .user-offerwalls .ow-workspace-head{background:#eaf1e6}
body.otv-site .cf-panel,body.otv-site .cf-history{border-radius:16px!important}body.otv-site .cf-kicker{color:#39764e}body.otv-site .cf-heading h1{font-size:30px!important}
body.otv-site .sec-wrap h1{font-size:32px}body.otv-site .sec-columns{gap:15px}
body.otv-site .otv-admin-route .sidebar{border-radius:16px}
/* Dashboard chart canvas / legacy forms */
body.otv-site canvas{max-width:100%}
body.otv-site .page-body a,body.otv-site .legal-body a{color:#286b4b;text-decoration:underline}
body.otv-site .otv-reward-feed :is(.fc-ticker-track,.fc-ticker-group){max-width:none}
/* Responsive breakpoints */
@media(max-width:1190px){.otv-top-inner{padding-inline:25px}.otv-header-links{gap:17px}.otv-header-actions{gap:12px}.otv-header-user{display:none}.otv-brand img{width:166px}.otv-dash-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.otv-balance-primary{grid-column:1/-1}.otv-stats-inner{grid-template-columns:repeat(4,minmax(0,1fr))}.otv-stats-copy{grid-column:1/-1}.otv-layout{gap:20px}}
@media(max-width:980px){.otv-top-inner{height:70px;gap:12px}.otv-header-links{display:none;position:absolute;top:70px;left:0;right:0;background:#183629;border-top:1px solid #345644;padding:15px 23px 22px;flex-direction:column;align-items:stretch;gap:0}.otv-header-links.is-open{display:flex}.otv-header-links a{padding:12px 0;border-bottom:1px solid #335245}.otv-menu-button{display:inline-flex;margin-left:auto}.otv-header-actions{margin-left:auto}.otv-sidebar{position:fixed;top:70px;bottom:0;left:0;width:270px;max-height:none;border-radius:0;z-index:105;transform:translateX(-105%);transition:transform .25s;box-shadow:10px 0 35px #0002}.otv-sidebar.is-open{transform:translateX(0)}.otv-mobile-workspace-button{display:flex;align-items:center;gap:10px;background:#d8ecd1;border:1px solid #b8cfb3;border-radius:9px;margin:18px 18px 0;padding:10px 15px;color:#234732;font-size:12px;font-weight:800}.otv-mobile-workspace-button .otv-icon{width:16px;height:16px}body.otv-site .layout{grid-template-columns:minmax(0,1fr);padding-top:20px;gap:0}.otv-hero-grid{grid-template-columns:1fr 1fr;gap:20px}.otv-hero-copy h1{font-size:clamp(43px,5.6vw,60px)}.otv-art-card{width:100%}.otv-floating-tag{left:0}.otv-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.otv-stats-inner{grid-template-columns:repeat(4,minmax(0,1fr))}.otv-dashboard-bottom{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.otv-header-actions .otv-header-signin,.otv-header-user{display:none!important}.otv-top-inner{padding:0 18px}.otv-brand img{width:151px}.otv-header-cta{font-size:11px;padding:10px 12px}.otv-header-cta .otv-icon{display:none}.otv-home-hero:before,.otv-home-hero:after{display:none}.otv-hero-grid{grid-template-columns:1fr;padding:55px 20px 55px;min-height:0;gap:25px}.otv-hero-copy{max-width:none}.otv-hero-copy h1{font-size:clamp(42px,9vw,62px)}.otv-hero-copy>p{font-size:14px}.otv-hero-art{min-height:380px;max-width:480px;width:100%;justify-self:center}.otv-floating-tag{bottom:7px}.otv-hero-bottom-inner{grid-template-columns:1fr;gap:10px;padding:19px 20px}.otv-section{padding-top:69px}.otv-section-head{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:23px}.otv-section-head>p{max-width:590px}.otv-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.otv-stats-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.otv-stats-copy{grid-column:1/-1}.otv-stat{padding-left:15px}.otv-stats-band{margin-top:55px}.otv-steps{grid-template-columns:1fr;gap:15px}.otv-step{border-left:1px solid #cadccb;padding:0 0 8px 20px}.otv-step-number{width:39px;height:39px}.otv-showcase{grid-template-columns:1fr;margin-top:55px}.otv-showcase-copy{padding:37px 30px}.otv-showcase-visual{min-height:295px}.otv-proof-grid{grid-template-columns:1fr}.otv-final-cta{margin-top:60px;padding:32px;flex-direction:column;align-items:flex-start}.otv-faq-wrap .otv-section-head{align-items:flex-start}.otv-footer-top{flex-direction:column;gap:35px}.otv-footer-links{gap:22px}.otv-footer-bottom{flex-direction:column;gap:6px;margin-top:40px}.otv-dash-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.otv-balance-primary{grid-column:1/-1}.otv-shortcuts{grid-template-columns:repeat(2,1fr)}.otv-dashboard-bottom{grid-template-columns:1fr}.otv-auth-route .auth-shell{grid-template-columns:1fr!important;max-width:580px!important}.otv-auth-route .auth-side{min-height:0!important;padding:28px 30px!important}.otv-auth-route .auth-side h2{font-size:28px!important}.otv-auth-route .auth-showcase,.otv-auth-route .auth-side-trust{display:none!important}.otv-auth-route .auth-card{padding:30px!important}}
@media(max-width:490px){.otv-brand img{width:139px}.otv-header-cta{padding:9px 10px;font-size:10px}.otv-hero-copy h1{font-size:41px}.otv-hero-art{min-height:335px}.otv-art-card{padding:17px}.otv-art-glow{width:290px;height:290px}.otv-art-corner{width:50px;height:50px}.otv-method-grid{grid-template-columns:1fr}.otv-method{min-height:205px;padding:22px}.otv-section-head h2{font-size:29px}.otv-showcase-visual{min-height:260px}.otv-stats-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.otv-proof-item{flex-wrap:wrap}.otv-proof-item>strong{margin-left:55px}.otv-final-cta{padding:27px}.otv-dash-welcome{align-items:flex-start;flex-direction:column;gap:14px}.otv-dash-overview{grid-template-columns:1fr}.otv-dash-stat{min-height:115px;padding:18px}.otv-shortcuts{grid-template-columns:1fr}.otv-shortcut{min-height:88px}.otv-auth-route .auth-premium-wrap,.otv-auth-route .auth-wrap{padding:22px 12px!important}.otv-auth-route .auth-side{padding:26px!important}.otv-auth-route .auth-card{padding:26px 21px!important}.otv-auth-route .auth-password-grid{grid-template-columns:1fr}.otv-footer-links{grid-template-columns:repeat(2,1fr)}body.otv-site .table{display:block;overflow-x:auto}body.otv-site .layout{padding:17px 14px 30px}body.otv-site .panel{padding:17px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Fixed-size advertising rails keep their native inventory and remain outside layout. */
.ot-home-ad-shell-has-rails>.ot-home-ad-content{grid-column:2;grid-row:1;min-width:0;}
@media(max-width:1550px){.ot-home-ad-shell-has-rails>.ot-home-ad-content{grid-column:1/-1;grid-row:1}}

/* Final component alignment after legacy functional styles are included. */
body.otv-site .ot-proofs-heading h1{color:var(--ot-ink)}
body.otv-site .ot-proof-card{border-radius:14px;border-color:var(--ot-line);box-shadow:none}
body.otv-site .cf-main .cf-panel{background:#fff;border-color:#dfe8de}body.otv-site .cf-main .cf-heading h1{color:var(--ot-ink)}
body.otv-site .ow-selection-title,body.otv-site .ow-current{color:var(--ot-ink)}
body.otv-site .fp-withdraw-breakdown{border-color:#c6ddc2;background:#f0f7e9}
.otv-sidebar::-webkit-scrollbar{width:6px}.otv-sidebar::-webkit-scrollbar-thumb{background:#506759;border-radius:20px}
/* Administrator workspace, including its own redesigned dashboard */
.otv-admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:17px 0 27px}
.otv-admin-metrics .otv-dash-stat{min-height:155px}
.otv-admin-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:20px}
.otv-admin-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:25px 0}
.otv-admin-links a{display:flex;align-items:center;gap:10px;padding:17px;border:1px solid var(--ot-line);background:white;border-radius:11px;font-size:12px;font-weight:800;color:var(--ot-ink)!important}.otv-admin-links a svg:last-child{margin-left:auto}
@media(max-width:1200px){.otv-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.otv-admin-charts{grid-template-columns:1fr}.otv-admin-links{grid-template-columns:1fr}}
@media(max-width:520px){.otv-admin-metrics{grid-template-columns:1fr}}

/* Long tables stay readable on small screens without shrinking action controls. */
.responsive-table-scroll,.admin-table-scroll{max-width:100%;overflow-x:auto;scrollbar-width:thin}
.responsive-table-scroll .table,.admin-table-scroll .table{min-width:650px}
/* Explicit high-contrast headings override generic page typography. */
body.otv-site .otv-hero-copy h1{color:#fff!important}
body.otv-site .otv-hero-copy h1 span{color:var(--ot-accent)!important}
body.otv-site .otv-showcase-copy h2{color:#fff!important}
body.otv-site .otv-balance-primary :is(strong,h1,h2){color:#fff!important}

/* OAuth / Google reCAPTCHA UI — 2026-10-29 */
.ot-google-form{display:block;width:100%;margin:12px 0 17px}
body.otv-site .ot-google-form .ot-google-btn{display:flex;align-items:center;justify-content:center;width:100%;gap:13px;min-height:53px;background:#fff!important;color:#25382e!important;border:1.5px solid #cfdcd1!important;border-radius:12px;box-shadow:0 4px 14px rgba(16,39,31,.04);font-size:14px;font-weight:800;transition:transform .15s,border-color .15s,box-shadow .15s}
body.otv-site .ot-google-form .ot-google-btn:hover{background:#f8fbf4!important;border-color:#9cbea1!important;box-shadow:0 7px 20px rgba(16,39,31,.09);transform:translateY(-1px)}
.ot-google-btn svg{flex:none;display:block}
.ot-auth-divider{display:flex;align-items:center;gap:15px;color:#718176;font-size:12px;font-weight:700;text-align:center;margin:16px 0 23px}
.ot-auth-divider:before,.ot-auth-divider:after{content:"";height:1px;flex:1;background:#dce6dc}
.ot-auth-recaptcha{padding:3px 0 6px;max-width:100%}
.ot-auth-recaptcha .g-recaptcha{min-height:78px;max-width:100%;overflow:visible}
.ot-auth-recaptcha small{display:block;color:#6f8174;margin:6px 0 0;font-size:11px;font-weight:500}
.ot-auth-recaptcha small a{text-decoration:underline!important;color:#23624e!important}
.auth-verification-error{padding:12px;border-radius:9px;background:#fff4f0;border:1px solid #ffd5cc;color:#973b2f;font-size:13px}
.ot-linked-login .ot-google-form{max-width:370px}
.ot-google-linked-status{color:#205c44!important;background:#f1f9ec;padding:12px 15px;border-radius:10px}
@media(max-width:380px){.ot-auth-recaptcha .g-recaptcha{transform:scale(.89);transform-origin:left top;margin-bottom:-9px}}