/* JobsWorkTech Studio Edition 7 — an independent design system.
   Existing backend, payment, PTC, Google auth and CAPTCHA behaviors stay unchanged. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root,html[data-theme="dark"]{
 --j7-bg:#0b0d12;--j7-bg-soft:#11151c;--j7-surface:#151a22;--j7-surface-2:#1b212b;--j7-elevated:#222935;
 --j7-ink:#f6f6f2;--j7-muted:#a0a9b7;--j7-dim:#687483;--j7-line:rgba(226,233,242,.105);
 --j7-gold:#f5c94d;--j7-gold-h:#ffd965;--j7-gold-text:#f5c94d;--j7-gold-wash:rgba(245,201,77,.08);--j7-shadow:0 20px 70px rgba(0,0,0,.24);
 --jw-page:var(--j7-bg);--jw-surface:var(--j7-surface);--jw-text:var(--j7-ink);--jw-sub:var(--j7-muted);--jw-border:var(--j7-line);--jw-mint:var(--j7-gold);--nx-accent:var(--j7-gold);--nx-tint:var(--j7-gold-wash);
 color-scheme:dark;
}
html[data-theme="light"]{
 --j7-bg:#f7f6f2;--j7-bg-soft:#eeece7;--j7-surface:#fff;--j7-surface-2:#f2f0eb;--j7-elevated:#e7e5df;
 --j7-ink:#151820;--j7-muted:#59616e;--j7-dim:#78808a;--j7-line:rgba(25,30,37,.105);
 --j7-gold:#edbd37;--j7-gold-h:#ffcf54;--j7-gold-text:#a37204;--j7-gold-wash:rgba(198,151,18,.075);--j7-shadow:0 18px 55px rgba(31,27,17,.07);
 --jw-page:var(--j7-bg);--jw-surface:var(--j7-surface);--jw-text:var(--j7-ink);--jw-sub:var(--j7-muted);--jw-border:var(--j7-line);--jw-mint:var(--j7-gold-text);--nx-accent:var(--j7-gold);--nx-tint:var(--j7-gold-wash);
 color-scheme:light;
}
html{scroll-behavior:smooth}html,body{min-height:100%}
body.j7-site,body.j7-site.public-design,body.j7-site.home-faucet{background:var(--j7-bg)!important;color:var(--j7-ink)!important;font-family:'DM Sans',sans-serif!important;-webkit-font-smoothing:antialiased}
body.j7-site *{box-sizing:border-box}body.j7-site :is(h1,h2,h3,h4){font-family:'Manrope','DM Sans',sans-serif;letter-spacing:-.054em;color:var(--j7-ink)}body.j7-site :is(a,button,input,select,textarea){font-family:inherit}
body.j7-site ::selection{background:var(--j7-gold);color:#111319}body.j7-site :focus-visible{outline:2px solid var(--j7-gold)!important;outline-offset:3px}
/* Custom site-wide chrome. Existing nav toggle and theme JS are preserved. */
body.j7-site header.topbar.j7-header{height:82px;min-height:82px!important;background:var(--j7-bg)!important;border-bottom:1px solid var(--j7-line)!important;padding:0 clamp(24px,4.2vw,76px)!important;box-shadow:none!important;display:flex;align-items:center;justify-content:space-between;gap:36px;position:sticky;top:0;z-index:120}
body.j7-site .j7-header .brand{padding:0!important;margin:0!important;display:inline-flex!important;align-items:center;max-width:220px;flex:none}
body.j7-site .j7-header .brand-logo{width:200px!important;height:47px!important;max-width:200px!important;object-fit:contain}
body.j7-site .j7-header nav.ot-main-nav{display:flex!important;align-items:center!important;gap:clamp(11px,2.4vw,30px)!important;margin:0 0 0 auto!important;position:static!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body.j7-site .j7-header nav.ot-main-nav>a:not(.btn){font-size:13px!important;font-weight:650!important;letter-spacing:-.015em!important;color:var(--j7-muted)!important;padding:12px 0!important;border:0!important;background:transparent!important;white-space:nowrap}
body.j7-site .j7-header nav.ot-main-nav>a:not(.btn):hover,body.j7-site .j7-header nav.ot-main-nav>a[aria-current="page"]{color:var(--j7-ink)!important}
body.j7-site .j7-header nav.ot-main-nav .ot-nav-primary,body.j7-site .j7-header nav.ot-main-nav>a.btn{font-weight:800!important;background:var(--j7-gold)!important;color:#181712!important;border:1px solid var(--j7-gold)!important;min-height:43px!important;border-radius:10px!important;padding:12px 19px!important;box-shadow:none!important;text-decoration:none;white-space:nowrap}
body.j7-site .j7-header .nx-header-actions{display:flex;align-items:center;gap:10px!important;order:3!important;margin:0!important}
body.j7-site .j7-header .nx-theme-toggle{min-height:43px!important;background:var(--j7-surface)!important;color:var(--j7-ink)!important;border:1px solid var(--j7-line)!important;border-radius:10px!important;font-size:12px!important;font-weight:750!important;padding:0 15px!important;box-shadow:none!important}
body.j7-site .j7-header .nx-theme-icon{color:var(--j7-gold-text)!important}
body.j7-site .j7-header .fc-mobile-toggle{background:var(--j7-surface)!important;color:var(--j7-ink)!important;border:1px solid var(--j7-line)!important;border-radius:9px!important}
body.j7-site .j7-footer{background:var(--j7-bg-soft)!important;border-top:1px solid var(--j7-line)!important;box-shadow:none!important;padding:48px clamp(24px,5vw,80px)!important;gap:35px;align-items:center}
body.j7-site .j7-footer .j6-footer-brand img{width:180px;height:45px}body.j7-site .j7-footer .j6-footer-brand p{color:var(--j7-muted)!important;font-size:12px!important;margin-top:12px!important;max-width:260px}
body.j7-site .j7-footer a{color:var(--j7-muted)!important;font-size:12px!important}body.j7-site .j7-footer a:hover{color:var(--j7-gold-text)!important}
/* Component primitives. */
.j7-container{width:min(1320px,calc(100% - 80px));margin:0 auto}
.j7-eyebrow{font:800 11px/1.4 'Manrope',sans-serif;letter-spacing:.18em;color:var(--j7-gold-text);text-transform:uppercase}
.j7-btn{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:0 23px;border-radius:10px;font-weight:800;font-size:13px;text-decoration:none!important;transition:transform .25s ease,background .2s,border-color .2s,box-shadow .25s;white-space:nowrap;position:relative}
.j7-btn:hover{transform:translateY(-3px)}.j7-btn:active{transform:translateY(0)}.j7-btn>span{font-size:17px;font-weight:400}
.j7-btn-gold{background:var(--j7-gold)!important;color:#17170e!important;border:1px solid var(--j7-gold)!important;box-shadow:0 7px 25px rgba(245,201,77,.08)}.j7-btn-gold:hover{background:var(--j7-gold-h)!important;box-shadow:0 12px 35px rgba(245,201,77,.18)}
.j7-btn-outline{background:transparent!important;color:var(--j7-ink)!important;border:1px solid var(--j7-line)!important}.j7-btn-outline:hover{border-color:var(--j7-gold)!important}
.j7-home .fc-icon-svg{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px}.j7-home .fc-icon-svg svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round}
/* Hero — entirely new split composition and dimensional product scene. */
body.j7-site .j7-home{width:100%;margin:0!important;padding:0!important;background:var(--j7-bg)!important;color:var(--j7-ink)!important;overflow:hidden}
.j7-hero{position:relative;overflow:hidden;min-height:700px;background:var(--j7-bg);border-bottom:1px solid var(--j7-line)}
.j7-hero::before{content:"";position:absolute;top:20%;left:-220px;width:500px;height:500px;border:1px solid rgba(245,201,77,.09);border-radius:50%;pointer-events:none}
.j7-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center;min-height:615px;padding:64px 0 44px}
.j7-hero-copy{position:relative;z-index:3;padding:8px 0 34px}.j7-overline{display:flex;align-items:center;gap:12px;white-space:nowrap;color:var(--j7-gold-text);font-size:10px;letter-spacing:.16em;font-weight:800}
.j7-overline-mark{display:inline-block;width:7px;height:7px;background:var(--j7-gold);border-radius:50%;box-shadow:0 0 0 5px var(--j7-gold-wash)}.j7-edition{color:var(--j7-dim);font-weight:600}
.j7-hero h1{font-size:clamp(58px,6vw,98px)!important;line-height:1.07!important;font-weight:800!important;letter-spacing:-.085em!important;margin:32px 0 26px!important;max-width:790px;color:var(--j7-ink)!important}
.j7-hero h1 em,.j7-section-head h2 em,.j7-journey-story h2 em,.j7-advertise h2 em,.j7-final h2 em,.j7-auth h1 em,.j7-auth-art h2 em{font-style:normal;color:var(--j7-gold-text);letter-spacing:-.082em}
.j7-hero-copy>p{font-size:15px!important;line-height:1.9!important;color:var(--j7-muted)!important;max-width:490px!important;margin:0 0 32px!important}
.j7-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.j7-hero-proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:45px;padding-top:23px;border-top:1px solid var(--j7-line)}.j7-hero-proof>span{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--j7-muted);font-weight:650}.j7-hero-proof .fc-icon-svg{color:var(--j7-gold-text)}
.j7-stage{height:520px;width:100%;position:relative;perspective:1200px;transform-style:preserve-3d;isolation:isolate;cursor:default}
.j7-stage-grid{position:absolute;inset:35px 4px 12px 36px;opacity:.48;transform:rotateX(57deg) rotateZ(-30deg) translateZ(-50px);background-image:linear-gradient(var(--j7-line) 1px,transparent 1px),linear-gradient(90deg,var(--j7-line) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse,#000 10%,transparent 73%)}
.j7-stage-ring{position:absolute;width:350px;height:350px;right:10%;top:12%;border:1px solid rgba(245,201,77,.23);border-radius:50%;transform:rotateX(60deg) rotateZ(-25deg) translateZ(-70px);box-shadow:0 0 100px rgba(245,201,77,.045)}
.j7-stage-console{width:420px;max-width:83%;position:absolute;top:48px;left:13%;border:1px solid #43495a;background:#191d27;border-radius:17px;overflow:hidden;transform:rotateY(-12deg) rotateX(5deg) rotateZ(1deg);transform-style:preserve-3d;box-shadow:25px 34px 85px rgba(0,0,0,.46),0 0 1px #f5c94d;animation:j7-console-in 1s .15s both cubic-bezier(.18,.74,.28,1)}
@keyframes j7-console-in{from{opacity:0;transform:translateY(42px) rotateY(-22deg) rotateX(12deg) rotateZ(3deg)}to{opacity:1;transform:rotateY(-12deg) rotateX(5deg) rotateZ(1deg)}}
.j7-console-head{height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;border-bottom:1px solid rgba(255,255,255,.075)}
.j7-console-brand{display:flex;align-items:center;gap:9px;color:#c6c7d0;font:800 10px 'Manrope',sans-serif;letter-spacing:.12em}.j7-console-brand>span{display:flex;color:#f5c94d}.j7-console-dots{display:flex;gap:5px}.j7-console-dots i{width:5px;height:5px;background:#737d8f;border-radius:50%}
.j7-console-body{padding:24px 28px 23px}.j7-console-topline{font:750 9px 'Manrope',sans-serif;letter-spacing:.12em;color:#929aab;display:flex;align-items:center;justify-content:space-between}.j7-console-topline span{color:#e3bc4e;font-size:8px}
.j7-console-title{margin:21px 0 19px;font:800 27px/1.15 'Manrope',sans-serif;color:#f5f4f0;letter-spacing:-.045em}.j7-console-title strong{color:#f4cc58}
.j7-console-stat{background:#272c36;border:1px solid #353b4a;border-radius:12px;padding:20px 18px 12px;position:relative;overflow:hidden}.j7-console-stat>span{display:block;color:#b5bdc8;font-size:10px}.j7-console-stat strong{display:block;color:#fff;font:800 47px/1.3 'Manrope',sans-serif;letter-spacing:-.07em}.j7-console-stat small{color:#8995a3;font-size:9px}.j7-console-stat svg{position:absolute;right:10px;bottom:4px;width:45%;height:56px;opacity:.9}
.j7-console-minis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.j7-console-minis>div{background:#222832;border:1px solid #313846;padding:15px;border-radius:10px}.j7-console-minis span{color:#97a0af;font-size:9px}.j7-console-minis b{display:block;font:800 22px 'Manrope',sans-serif;color:#fff;margin-top:5px}
.j7-console-row{display:flex;align-items:center;justify-content:space-between;color:#bdc5ce;margin-top:14px;font-size:10px}.j7-console-row>span{display:flex;align-items:center;gap:8px}.j7-console-row .fc-icon-svg{color:#f5c94d}.j7-console-row>span:last-child{color:#f4cf62}
.j7-stage-note{position:absolute;display:flex;align-items:center;gap:12px;padding:13px 15px;background:#303744;border:1px solid rgba(245,201,77,.18);border-radius:12px;box-shadow:0 18px 35px rgba(0,0,0,.27);color:#f6f2e5;z-index:3;animation:j7-float 7s ease-in-out infinite}
.j7-mini-icon{display:flex;align-items:center;justify-content:center;background:#494c42;color:#f5c94d;border-radius:9px;width:36px;height:36px}.j7-stage-note b,.j7-stage-note small{display:block;white-space:nowrap}.j7-stage-note b{font-size:10.5px}.j7-stage-note small{font-size:9.5px;color:#b7c0c8;margin-top:4px}
.j7-note-a{top:25px;right:0;animation-delay:-1s}.j7-note-b{bottom:64px;left:0;animation-delay:-4s}@keyframes j7-float{0%,100%{translate:0 0}50%{translate:0 -12px}}
.j7-stage-caption{position:absolute;right:3%;bottom:10px;color:var(--j7-dim);font:800 9px 'Manrope',sans-serif;letter-spacing:.13em}.j7-stage-caption span{color:var(--j7-gold-text)}
.j7-hero-footer{height:76px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--j7-line);font:800 9px 'Manrope',sans-serif;letter-spacing:.13em;color:var(--j7-muted)}.j7-hero-footer>div{display:flex;align-items:center;gap:20px}.j7-hero-footer i{width:4px;height:4px;border-radius:50%;background:var(--j7-gold)}.j7-hero-footer>a{color:var(--j7-gold-text)!important;text-decoration:none}
/* Numbers and typography. */
.j7-numbers{display:grid;grid-template-columns:1.4fr repeat(4,1fr);margin-top:100px;margin-bottom:120px;border:1px solid var(--j7-line);border-radius:18px;background:var(--j7-surface);overflow:hidden;box-shadow:var(--j7-shadow)}
.j7-numbers>div{padding:32px 25px;border-right:1px solid var(--j7-line);min-width:0}.j7-numbers>div:last-child{border-right:0}.j7-numbers-intro{background:var(--j7-gold-wash)}.j7-numbers-intro h2{margin:12px 0 0;font-size:26px;line-height:1.16;color:var(--j7-ink)}.j7-numbers>div:not(:first-child){display:flex;flex-direction:column;justify-content:center;gap:10px}.j7-numbers b{font:800 clamp(23px,2.5vw,37px)/1 'Manrope',sans-serif;letter-spacing:-.07em;color:var(--j7-ink)}.j7-numbers div>span:not(.j7-eyebrow){font-size:11px;font-weight:650;color:var(--j7-muted)}
.j7-section-head{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:42px}.j7-section-head h2,.j7-journey h2,.j7-advertise h2,.j7-final h2{font:800 clamp(38px,4.4vw,68px)/1.14 'Manrope',sans-serif!important;letter-spacing:-.074em!important;margin:17px 0 0!important;color:var(--j7-ink)!important}.j7-section-head>p{max-width:345px;color:var(--j7-muted);font-size:13px;line-height:1.85;margin:0 0 8px}
/* Bento opportunities with a genuine asymmetric feature card. */
.j7-offers{padding-bottom:112px}.j7-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(245px,auto);gap:15px}
.j7-offer-card{display:flex;flex-direction:column;position:relative;overflow:hidden;text-decoration:none!important;background:var(--j7-surface)!important;color:var(--j7-ink)!important;border:1px solid var(--j7-line)!important;padding:26px 27px 22px;border-radius:15px;box-shadow:none;transition:transform .3s cubic-bezier(.2,.7,.3,1),border-color .3s,box-shadow .3s;min-width:0}
.j7-offer-card:hover{transform:translateY(-6px) rotateX(1deg);border-color:rgba(245,201,77,.36)!important;box-shadow:0 24px 45px rgba(0,0,0,.12)}
.j7-offer-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;color:var(--j7-dim);font-size:9px;font-weight:850;letter-spacing:.12em}
.j7-offer-icon{width:48px;height:48px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--j7-gold-wash);border:1px solid rgba(245,201,77,.15);color:var(--j7-gold-text);margin:30px 0 12px}.j7-offer-icon .fc-icon-svg,.j7-offer-icon .fc-icon-svg svg{height:24px;width:24px}
.j7-offer-copy strong{display:block;font:800 19px 'Manrope',sans-serif;letter-spacing:-.04em;color:var(--j7-ink)}.j7-offer-copy>span{display:block;margin-top:10px;max-width:310px;font-size:12px;line-height:1.75;color:var(--j7-muted)}
.j7-offer-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:23px;font-size:11px;font-weight:800;color:var(--j7-ink)}.j7-offer-bottom i{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--j7-surface-2);font-size:16px;font-style:normal;color:var(--j7-gold-text)}
.j7-offer-featured{grid-column:span 2;background:linear-gradient(105deg,#e6b93c,#f4d36b)!important;color:#191917!important;border-color:rgba(255,225,116,.3)!important}
.j7-offer-featured::after{content:"";position:absolute;right:-90px;bottom:-130px;width:440px;height:440px;border:50px solid rgba(12,15,20,.09);border-radius:50%;transform:rotateX(58deg) rotateZ(-20deg);box-shadow:0 0 0 46px rgba(12,15,20,.045),0 0 0 115px rgba(12,15,20,.035);pointer-events:none}
.j7-offer-featured .j7-offer-icon{background:#161c20;color:#f5c94d;border-color:#161c20;width:54px;height:54px}.j7-offer-featured .j7-offer-meta,.j7-offer-featured .j7-offer-copy>span{color:#4c411f}.j7-offer-featured .j7-offer-copy strong{font-size:clamp(27px,3vw,42px);max-width:420px;color:#121716}.j7-offer-featured .j7-offer-bottom{color:#1d201b}.j7-offer-featured .j7-offer-bottom i{background:#171b1f;color:#f5c94d}
/* Journey strip. */
.j7-journey{background:var(--j7-bg-soft);border-top:1px solid var(--j7-line);border-bottom:1px solid var(--j7-line);padding:112px 0}
.j7-journey-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.j7-journey-story>p{max-width:390px;color:var(--j7-muted);font-size:13px;line-height:1.85;margin:25px 0}.j7-text-link{font-size:12px;font-weight:800;text-decoration:none;color:var(--j7-gold-text)!important;border-bottom:1px solid var(--j7-gold);padding-bottom:8px}
.j7-timeline{border-left:1px solid rgba(245,201,77,.4);padding-left:34px}.j7-timeline>div{position:relative;border-bottom:1px solid var(--j7-line);padding:22px 10px 24px 12px;display:grid;grid-template-columns:40px 47px 1fr;column-gap:12px;align-items:center}.j7-timeline>div:last-child{border-bottom:0}.j7-timeline>div::before{content:"";position:absolute;left:-39px;top:47px;background:var(--j7-gold);width:7px;height:7px;border:3px solid var(--j7-bg-soft);border-radius:50%;box-sizing:content-box}.j7-timeline-number{font-size:10px;font-weight:850;color:var(--j7-gold-text)}.j7-timeline-svg{width:40px;height:40px;border-radius:10px;background:var(--j7-gold-wash);color:var(--j7-gold-text);display:grid;place-items:center;grid-row:span 2}.j7-timeline h3{font-size:15px;margin:0;letter-spacing:-.025em!important}.j7-timeline p{grid-column:3;margin:3px 0 0;color:var(--j7-muted);font-size:11px}
/* Advertiser spread. */
.j7-advertise{margin-top:120px;margin-bottom:120px;min-height:466px;display:grid;grid-template-columns:1fr 1fr;gap:20px;background:var(--j7-surface);border:1px solid var(--j7-line);border-radius:22px;overflow:hidden;position:relative}
.j7-advertise-copy{padding:74px 10px 68px 65px;position:relative;z-index:2}.j7-advertise h2{font-size:clamp(36px,4vw,56px)!important}.j7-advertise p{font-size:13px;line-height:1.9;color:var(--j7-muted);max-width:400px;margin:25px 0}.j7-advertise-visual{min-height:400px;position:relative;perspective:1200px;background-image:radial-gradient(circle at 55% 48%,rgba(245,201,77,.10),transparent 65%)}
.j7-ad-card{position:absolute;border-radius:15px;border:1px solid #3c414f;background:#1c222c;color:#fff;box-shadow:0 25px 60px rgba(0,0,0,.26);padding:26px;transform-style:preserve-3d}.j7-ad-card>span{font-size:9px;letter-spacing:.14em;color:#c6a24c;font-weight:800}.j7-ad-card strong{font:800 23px 'Manrope',sans-serif;letter-spacing:-.045em;display:block;margin:24px 0 12px}.j7-ad-card small{color:#a3abb8;font-size:11px}.j7-ad-card-back{width:285px;height:204px;top:40px;right:52px;transform:rotate(-13deg) translateZ(-20px);opacity:.65}.j7-ad-card-front{width:330px;height:285px;top:111px;right:115px;transform:rotate(8deg) translateZ(45px);animation:j7-card-drift 7s ease-in-out infinite}
@keyframes j7-card-drift{0%,100%{translate:0 0}50%{translate:0 -12px}}
.j7-ad-bars{display:flex;gap:8px;height:68px;align-items:end;margin-top:23px}.j7-ad-bars i{background:linear-gradient(#f7d369,#a97d20);height:40%;width:14%;border-radius:4px 4px 0 0}.j7-ad-bars i:nth-child(2){height:65%}.j7-ad-bars i:nth-child(3){height:49%}.j7-ad-bars i:nth-child(4){height:86%}.j7-ad-bars i:nth-child(5){height:73%}.j7-ad-bars i:nth-child(6){height:98%}.j7-ad-bars i:nth-child(7){height:81%}.j7-ad-chip{display:inline-block;background:rgba(245,201,77,.11);color:#f5c94d;padding:9px 12px;border-radius:7px;font-size:9px;font-weight:800;letter-spacing:.12em;margin-top:18px}
/* Payments, faq and final call-to-action. */
.j7-payments,.j7-faq{padding-bottom:112px}.j7-payments-panel{background:var(--j7-surface);border:1px solid var(--j7-line);border-radius:16px;overflow:hidden}.j7-payments-head{padding:23px 26px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--j7-line);font-size:12px;font-weight:800}.j7-payments-head>span{display:flex;align-items:center;gap:12px}.j7-payments-head .fc-icon-svg{color:var(--j7-gold-text)}.j7-payments-head>a{font-size:11px;color:var(--j7-gold-text)!important;text-decoration:none}
.j7-payment-row{padding:22px 26px;border-bottom:1px solid var(--j7-line);display:flex;align-items:center;gap:17px}.j7-payment-row:last-child{border-bottom:0}.j7-pay-icon{display:grid;place-items:center;width:37px;height:37px;flex:none;background:var(--j7-gold-wash);border-radius:9px;color:var(--j7-gold-text)}.j7-payment-row>span:nth-child(2){flex:1}.j7-payment-row b{display:block;font-size:13px;color:var(--j7-ink)}.j7-payment-row small{display:block;color:var(--j7-muted);font-size:11px;margin-top:4px}.j7-payment-row strong{color:var(--j7-gold-text);font-size:14px}.j7-pay-empty{padding:44px;color:var(--j7-muted);font-size:13px;text-align:center}
.j7-faq-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:55px}.j7-faq-caption{font-size:10px;line-height:2;letter-spacing:.15em;font-weight:800;color:var(--j7-dim)}.j7-faq-caption span{color:var(--j7-gold-text)}.j7-faq-list details{background:transparent;border:0;border-bottom:1px solid var(--j7-line);border-radius:0!important;box-shadow:none!important;padding:0;margin:0}.j7-faq-list details:first-child{border-top:1px solid var(--j7-line)}.j7-faq-list summary{padding:24px 4px!important;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:14px;font-weight:800;color:var(--j7-ink)!important;cursor:pointer}.j7-faq-list summary::-webkit-details-marker{display:none}.j7-faq-list summary span{font-size:22px;font-weight:400;color:var(--j7-gold-text);transition:rotate .2s}.j7-faq-list details[open] summary span{rotate:45deg}.j7-faq-list p{font-size:12px;line-height:1.85;max-width:690px;color:var(--j7-muted);margin:0 4px 23px}
.j7-final{margin-bottom:100px;padding:67px 75px;display:flex;align-items:end;justify-content:space-between;gap:30px;background:var(--j7-gold);border-radius:20px;color:#181a1a;position:relative;overflow:hidden}.j7-final::after{content:"";position:absolute;inset:auto -100px -160px auto;width:430px;height:430px;border:55px solid rgba(0,0,0,.055);border-radius:50%;pointer-events:none}.j7-final .j7-eyebrow{color:#544006}.j7-final h2,.j7-final h2 em{color:#1b1b1a!important}.j7-final p{color:#443c20;font-size:13px;margin:20px 0 0}.j7-btn-dark{background:#181d25!important;color:#fff!important;border:1px solid #181d25!important;z-index:1}.j7-sponsored{margin-bottom:25px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
/* Brand-new authentication architecture; unlike the legacy left promo/right form split. */
body.j7-site.j7-auth-route{background:var(--j7-bg)!important}.j7-auth{min-height:calc(100vh - 82px);padding:36px 0 60px}.j7-auth-frame{width:min(1270px,calc(100% - 68px));min-height:730px;margin:0 auto;display:grid;grid-template-columns:1fr .97fr;gap:0;border:1px solid var(--j7-line);border-radius:20px;overflow:hidden;background:var(--j7-surface);box-shadow:0 26px 80px rgba(0,0,0,.14)}
.j7-auth-form-col{display:flex;flex-direction:column;min-width:0;background:var(--j7-surface);position:relative;padding:32px clamp(32px,4vw,78px) 24px}
.j7-auth-back{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;font-weight:800;letter-spacing:.10em;color:var(--j7-dim)}.j7-auth-back a{text-decoration:none;color:var(--j7-muted)}.j7-auth-inner{max-width:470px;width:100%;margin:75px auto 50px}.j7-auth h1{font:800 clamp(38px,4vw,58px)/1.15 'Manrope',sans-serif!important;letter-spacing:-.08em!important;margin:17px 0 16px!important;color:var(--j7-ink)!important}.j7-auth-intro{font-size:13px;color:var(--j7-muted);line-height:1.75;margin:0 0 30px}
.j7-auth-switch{display:inline-flex;gap:5px;border:1px solid var(--j7-line);padding:4px;border-radius:10px;background:var(--j7-bg-soft);margin-bottom:31px}.j7-auth-switch a{padding:10px 19px;border-radius:7px;color:var(--j7-muted)!important;text-decoration:none;font-size:12px;font-weight:800}.j7-auth-switch a.is-active{background:var(--j7-gold)!important;color:#191817!important}
body.j7-site .j7-auth form.auth-form{display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;border:0!important}
.j7-auth .auth-field{margin:0!important;display:flex;flex-direction:column;gap:8px}.j7-auth .auth-field-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.j7-auth :is(.auth-field>label,.auth-field-heading label){display:block;color:var(--j7-ink)!important;font-size:12px!important;font-weight:800!important;margin:0!important}.j7-auth .auth-field-heading a{font-size:11px;font-weight:700;color:var(--j7-gold-text)!important;text-decoration:none}
body.j7-site .j7-auth :is(input.auth-input,input.input,select,textarea){border:1px solid var(--j7-line)!important;background:var(--j7-bg-soft)!important;border-radius:9px!important;min-height:50px!important;max-width:100%;color:var(--j7-ink)!important;padding:13px 14px!important;font-size:13px!important;box-shadow:none!important}
body.j7-site .j7-auth :is(input.auth-input,input.input):focus{border-color:var(--j7-gold)!important;outline:none!important;box-shadow:0 0 0 3px var(--j7-gold-wash)!important}.j7-auth .auth-password-wrap{position:relative;display:block}.j7-auth .auth-password-wrap input{padding-right:70px!important}.j7-auth .auth-password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--j7-gold-text);font-size:11px;font-weight:800;padding:9px;cursor:pointer}
.j7-auth .auth-field small{font-size:10px;color:var(--j7-muted);line-height:1.6}.j7-auth .auth-password-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.j7-auth .auth-policy-agreement{display:flex;gap:12px;align-items:start;font-size:11px;line-height:1.75;color:var(--j7-muted)}.j7-auth .auth-policy-agreement input{width:16px;height:16px;min-height:16px!important;padding:0!important;accent-color:var(--j7-gold);flex:none;margin-top:3px}.j7-auth .auth-policy-agreement a{color:var(--j7-gold-text)}
body.j7-site .j7-auth .auth-submit{display:flex!important;align-items:center;justify-content:center;gap:15px;background:var(--j7-gold)!important;color:#171716!important;border:0!important;border-radius:9px!important;min-height:53px!important;font-size:13px!important;font-weight:850!important;box-shadow:none!important;margin-top:3px!important;width:100%!important;cursor:pointer}
.j7-auth-social{margin-top:19px}.j7-auth-social a,.j7-auth-social button{width:100%;border:1px solid var(--j7-line)!important;border-radius:9px!important;background:var(--j7-bg-soft)!important;color:var(--j7-ink)!important;min-height:48px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px!important;font-weight:750!important}.j7-auth-social :is(a,button):hover{border-color:var(--j7-gold)!important}.j7-auth-alternative{text-align:center;margin-top:18px}.j7-auth-alternative a{font-size:11px;font-weight:800;color:var(--j7-gold-text)!important;text-decoration:none}.j7-auth-bottom{margin-top:auto;color:var(--j7-dim);font-size:9px;letter-spacing:.13em;font-weight:750;display:flex;gap:12px}
.j7-auth-art{background:#12151b;position:relative;padding:34px 42px 32px;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;color:#fff!important;border-left:1px solid rgba(255,255,255,.06)}.j7-auth-art::before{content:"";position:absolute;width:610px;height:610px;border:1px solid rgba(245,201,77,.09);top:25%;left:19%;border-radius:50%;box-shadow:0 0 0 80px rgba(245,201,77,.025),0 0 0 170px rgba(245,201,77,.014);z-index:-1;pointer-events:none}
.j7-auth-art-top{display:flex;align-items:center;gap:13px;color:#aeb4be;font-size:10px;letter-spacing:.12em;font-weight:800}.j7-art-symbol{display:grid;place-items:center;background:#242a34;width:37px;height:37px;border-radius:10px;color:#f5c94d}.j7-art-symbol svg{width:20px;height:20px}.j7-auth-art-top i{font-size:9px;color:#f5c94d;margin-left:auto;font-style:normal}
.j7-auth-art-content{margin:auto 0;position:relative;padding:65px 0}.j7-auth-art-label{font-size:10px;color:#f5c94d;letter-spacing:.17em;font-weight:800}.j7-auth-art h2{font:800 clamp(42px,4vw,64px)/1.13 'Manrope',sans-serif;letter-spacing:-.07em!important;margin:20px 0 15px;color:#fff!important}.j7-auth-art h2 em{color:#f5c94d!important}.j7-auth-art-content>p{color:#abb2bd;font-size:13px;line-height:1.85;max-width:380px}
.j7-auth-object{height:255px;position:relative;perspective:800px;margin-top:22px}.j7-auth-object-card{background:#242a33;border:1px solid #40444c;border-radius:13px;max-width:380px;position:absolute;left:30px;right:10px;top:26px;padding:20px 22px;transform:rotate(-6deg) rotateY(10deg);box-shadow:18px 25px 54px rgba(0,0,0,.44);animation:j7-auth-float 8s ease-in-out infinite}
@keyframes j7-auth-float{0%,100%{translate:0 0}50%{translate:0 -12px}}
.j7-auth-object-card>div:first-child{display:flex;justify-content:space-between;color:#f5c94d;font-size:9px;letter-spacing:.12em}.j7-auth-object-card strong{display:block;font:800 22px 'Manrope',sans-serif;color:#f8f8f5;margin:17px 0}.j7-auth-object-metrics{display:grid;grid-template-columns:1fr;gap:6px}.j7-auth-object-metrics>span{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;background:#303842;border:1px solid #3c424b;border-radius:7px;color:#bec7d1;font-size:10px}.j7-auth-object-metrics svg{height:15px;width:15px;color:#f5c94d}.j7-auth-art-foot{display:flex;justify-content:space-between;color:#7e8997;letter-spacing:.12em;font-size:9px;font-weight:700}
/* Shared dashboard, activity pages and admin improvements: one system across routes. */
body.j7-site .layout.jw-app-layout{background:var(--j7-bg)!important;gap:0!important;min-height:calc(100vh - 82px)}
body.j7-site .layout aside.sidebar,body.j7-site .layout aside.jw-sidebar{background:var(--j7-bg-soft)!important;border-right:1px solid var(--j7-line)!important;border-radius:0!important;box-shadow:none!important;padding:26px 13px!important}
body.j7-site .jw-sidebar a:not(.btn),body.j7-site aside.sidebar a:not(.btn){border-radius:10px!important;font-size:12px!important;border:1px solid transparent!important;transition:background .2s,color .2s}
body.j7-site .jw-sidebar a.active,body.j7-site aside.sidebar a.active,body.j7-site .jw-sidebar a[aria-current="page"]{background:var(--j7-gold-wash)!important;color:var(--j7-gold-text)!important;border-color:rgba(245,201,77,.17)!important}
body.j7-site .main.jw-workspace{background:var(--j7-bg)!important;padding:38px clamp(22px,3.5vw,65px) 90px!important;min-width:0}
body.j7-site .jw-page-heading{padding:26px 0 20px!important;margin:0 0 22px!important;display:flex!important;justify-content:space-between;align-items:center;gap:30px;background:transparent!important;border:0!important;box-shadow:none!important}
body.j7-site .jw-page-eyebrow{color:var(--j7-gold-text)!important;letter-spacing:.13em!important;font-weight:850!important}body.j7-site .jw-page-heading h1{font-size:clamp(30px,3.4vw,52px)!important;line-height:1.12!important;letter-spacing:-.065em!important;margin:10px 0!important}
body.j7-site .jw-page-heading p{font-size:13px!important;color:var(--j7-muted)!important}
body.j7-site .j6-workspace-banner{position:relative;background:var(--j7-surface)!important;border:1px solid var(--j7-line)!important;border-radius:17px!important;box-shadow:none!important;padding:38px 42px!important;min-height:225px!important;overflow:hidden}
body.j7-site .j6-workspace-banner h2{font-size:clamp(26px,3vw,43px)!important;line-height:1.25!important;letter-spacing:-.06em!important}body.j7-site .j6-workspace-banner em{color:var(--j7-gold-text)!important}body.j7-site .j6-banner-index{color:var(--j7-gold-text)!important}
body.j7-site .cards.dashboard-cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important}
body.j7-site .cards.dashboard-cards .card,body.j7-site .cards .card.status-card{background:var(--j7-surface)!important;border:1px solid var(--j7-line)!important;box-shadow:none!important;border-radius:13px!important;min-width:0;min-height:158px;padding:21px!important;color:var(--j7-ink)!important;transition:transform .25s,border-color .25s,box-shadow .25s}
body.j7-site .cards.dashboard-cards .card:hover,body.j7-site .cards .card.status-card:hover{transform:translateY(-4px)!important;border-color:rgba(245,201,77,.34)!important;box-shadow:var(--j7-shadow)!important}
body.j7-site .cards .card.status-card .card-icon,body.j7-site .cards.dashboard-cards .card-icon{color:var(--j7-gold-text)!important;background:var(--j7-gold-wash)!important;border-radius:10px!important;border:1px solid rgba(245,201,77,.11)!important;width:38px!important;height:38px!important;min-width:38px!important}
body.j7-site .cards.dashboard-cards .card strong,body.j7-site .cards .card.status-card strong{color:var(--j7-ink)!important;font-family:'Manrope',sans-serif!important;letter-spacing:-.06em!important}
body.j7-site .main .panel,body.j7-site .main .settings-section,body.j7-site .main .table-card{background:var(--j7-surface)!important;border:1px solid var(--j7-line)!important;color:var(--j7-ink)!important;border-radius:15px!important;box-shadow:none!important}
body.j7-site .jw-chart-grid,body.j7-site .jw-member-grid{gap:16px!important}body.j7-site .jw-chart-dot{color:var(--j7-gold-text)!important;background:var(--j7-gold-wash)!important}
body.j7-site .jw-actions-panel a,body.j7-site .jw-quick-grid>a{background:var(--j7-surface-2)!important;border:1px solid var(--j7-line)!important;border-radius:11px!important;color:var(--j7-ink)!important}
body.j7-site .jw-actions-panel a:hover,body.j7-site .jw-quick-grid>a:hover{border-color:rgba(245,201,77,.4)!important;transform:translateY(-3px)}
body.j7-site .main .ptc-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(265px,1fr))!important;gap:17px!important}
body.j7-site .main .ptc-card,body.j7-site .main .job-card,body.j7-site .main .offerwall-card,body.j7-site .main .article-card{background:var(--j7-surface)!important;border:1px solid var(--j7-line)!important;border-radius:15px!important;box-shadow:none!important;padding:25px!important;transition:transform .25s,border-color .25s,box-shadow .25s}
body.j7-site .main .ptc-card:hover,body.j7-site .main .job-card:hover,body.j7-site .main .offerwall-card:hover{transform:translateY(-3px)!important;border-color:rgba(245,201,77,.36)!important;box-shadow:var(--j7-shadow)!important}
body.j7-site .main .ptc-card h3{font-size:17px!important;font-weight:800!important;letter-spacing:-.035em!important}
body.j7-site .main .ptc-pill{border-radius:8px!important;background:var(--j7-bg-soft)!important;border:1px solid var(--j7-line)!important;color:var(--j7-muted)!important}
body.j7-site .main :is(.btn:not(.ghost),button.btn:not(.ghost)),body.j7-site .main .ptc-card .btn{background:var(--j7-gold)!important;border:1px solid var(--j7-gold)!important;color:#191819!important;border-radius:9px!important;font-weight:800!important;box-shadow:none!important}
body.j7-site .main :is(input,select,textarea){background:var(--j7-bg-soft)!important;border:1px solid var(--j7-line)!important;color:var(--j7-ink)!important;border-radius:8px!important}
body.j7-site .main :is(th,td){border-color:var(--j7-line)!important}body.j7-site .main th{background:var(--j7-bg-soft)!important;color:var(--j7-muted)!important;font-weight:800}
body.j7-site .main :is(.card,.panel,.ptc-card,.offerwall-card) :is(p,small){color:var(--j7-muted)!important}
/* Old dark logo artwork is replaced, and body light mode is not allowed to force dark text onto cards. */
html[data-theme="light"] body.j7-site .j7-stage,html[data-theme="light"] body.j7-site .j7-auth-art{color:#fff}
html[data-theme="light"] .j7-hero h1 em{color:#a87c0f}html[data-theme="light"] .j7-overline,html[data-theme="light"] .j7-eyebrow{color:#986f12}
html[data-theme="light"] .j7-numbers b{color:#151820}html[data-theme="light"] .j7-offer-featured .j7-offer-copy strong{color:#181817}
/* Reduced-motion accessibility and responsive typography. */
[data-j7-reveal]{opacity:1;transform:none}html.j7-motion [data-j7-reveal]:not(.j7-in){opacity:0;transform:translateY(28px)}html.j7-motion [data-j7-reveal]{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}html.j7-motion [data-j7-reveal].j7-in{opacity:1;transform:translateY(0)}
@media(max-width:1150px){.j7-container{width:min(100% - 56px,1200px)}.j7-hero-grid{gap:0}.j7-hero h1{font-size:clamp(50px,6vw,70px)!important}.j7-stage{scale:.88;transform-origin:left center}.j7-journey-grid{gap:45px}.j7-ad-card-front{right:40px}.j7-ad-card-back{right:8px}}
@media(max-width:950px){body.j7-site header.topbar.j7-header{height:72px;min-height:72px!important;padding:0 22px!important;gap:10px}body.j7-site .j7-header .brand-logo{width:165px!important;height:42px!important}body.j7-site .j7-header nav.ot-main-nav{display:none!important;position:absolute!important;top:72px!important;left:12px!important;right:12px!important;width:auto!important;padding:12px!important;border-radius:12px!important;background:var(--j7-surface)!important;border:1px solid var(--j7-line)!important;box-shadow:var(--j7-shadow)!important;gap:3px!important}body.j7-site .j7-header nav.ot-main-nav.fc-nav-open{display:flex!important;flex-direction:column!important;align-items:stretch!important}body.j7-site .j7-header nav.ot-main-nav a{display:block!important;padding:14px!important}body.j7-site .j7-header .fc-mobile-toggle{display:inline-flex!important}body.j7-site .j7-header .nx-header-actions{margin-left:auto!important}body.j7-site .j7-header .nx-theme-label{display:none!important}
 .j7-hero-grid{grid-template-columns:1fr;min-height:0;padding-top:70px;gap:20px}.j7-hero-copy{padding-bottom:0}.j7-hero h1{font-size:clamp(58px,9vw,88px)!important;max-width:700px}.j7-stage{scale:1;max-width:650px;margin:0 auto;height:480px}.j7-numbers{grid-template-columns:repeat(4,1fr)}.j7-numbers-intro{grid-column:span 4}.j7-numbers>div{padding:25px}.j7-numbers>div:nth-child(4){border-right:0}.j7-bento{grid-template-columns:repeat(2,1fr)}.j7-offer-featured{grid-column:span 2}.j7-journey-grid{grid-template-columns:1fr;gap:42px}.j7-advertise-copy{padding:56px 10px 56px 40px}.j7-ad-card-front{right:0;width:270px}.j7-auth-frame{width:calc(100% - 32px);grid-template-columns:1fr}.j7-auth-form-col{order:1}.j7-auth-art{order:0;min-height:290px}.j7-auth-art-content{padding:30px 0}.j7-auth-art h2{font-size:39px}.j7-auth-object,.j7-auth-art-foot{display:none}.j7-auth-inner{margin:45px auto}.j7-auth{padding:16px 0}.j7-faq-grid{grid-template-columns:1fr;gap:20px}
 body.j7-site .cards.dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.j7-container{width:calc(100% - 36px)}.j7-hero h1{font-size:clamp(48px,12.4vw,65px)!important}.j7-hero-grid{padding-top:52px}.j7-overline{font-size:9px}.j7-edition{display:none}.j7-hero-copy>p{font-size:14px!important}.j7-btn{min-height:48px;font-size:12px}.j7-hero-proof{gap:12px}.j7-hero-proof>span{font-size:10px}.j7-stage{height:420px;scale:.75;transform-origin:top left;width:130%;margin-bottom:-85px}.j7-stage-console{left:8%}.j7-note-a{right:0}.j7-hero-footer{height:60px;gap:12px}.j7-hero-footer>div{display:none}.j7-numbers{grid-template-columns:repeat(2,1fr);margin-top:60px;margin-bottom:75px}.j7-numbers-intro{grid-column:span 2}.j7-numbers>div:nth-child(3){border-right:0}.j7-numbers>div:nth-child(4){border-right:1px solid var(--j7-line)}.j7-numbers>div{padding:20px}.j7-section-head{display:block;margin-bottom:28px}.j7-section-head h2,.j7-journey h2,.j7-final h2{font-size:39px!important}.j7-section-head>p{margin-top:20px}.j7-bento{grid-template-columns:1fr}.j7-offer-featured{grid-column:span 1}.j7-offer-featured .j7-offer-copy strong{font-size:29px}.j7-offer-card{min-height:255px}.j7-offers,.j7-payments,.j7-faq{padding-bottom:75px}.j7-journey{padding:75px 0}.j7-timeline{padding-left:22px}.j7-timeline>div::before{left:-28px}.j7-advertise{margin-top:70px;margin-bottom:75px;grid-template-columns:1fr}.j7-advertise-copy{padding:45px 26px 0}.j7-advertise h2{font-size:38px!important}.j7-advertise-visual{min-height:320px}.j7-ad-card-front{right:35px;top:65px}.j7-ad-card-back{top:12px;right:10px}.j7-payments-head{padding:18px;gap:13px}.j7-payment-row{padding:17px;gap:9px}.j7-payment-row strong{font-size:11px}.j7-faq-grid{gap:10px}.j7-final{padding:45px 25px;margin-bottom:70px;display:block}.j7-final .j7-btn{margin-top:28px}.j7-auth-frame{width:calc(100% - 20px)}.j7-auth-form-col{padding:24px 20px}.j7-auth-art{padding:24px;min-height:250px}.j7-auth-art-top i{display:none}.j7-auth-art h2{font-size:36px}.j7-auth-art-content>p{font-size:11px}.j7-auth-inner{margin:38px 0 35px}.j7-auth h1{font-size:39px!important}.j7-auth .auth-password-grid{grid-template-columns:1fr}.j7-auth-back{font-size:9px}.j7-auth-bottom{font-size:8px}body.j7-site .main.jw-workspace{padding:19px 15px 55px!important}body.j7-site .cards.dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}html.j7-motion [data-j7-reveal],html.j7-motion [data-j7-reveal]:not(.j7-in){opacity:1;transform:none;transition:none}.j7-stage-console,.j7-stage-note,.j7-auth-object-card,.j7-ad-card-front{animation:none!important}.j7-btn,.j7-offer-card{transition:none!important}}
@media(prefers-reduced-motion:no-preference){.j7-stage-console{transform:rotateY(calc(-12deg + var(--j7-ry,0deg))) rotateX(calc(5deg + var(--j7-rx,0deg))) rotateZ(1deg);transition:transform .25s ease-out}.j7-auth-object-card{transform:rotate(calc(-6deg + var(--j7-ry,0deg))) rotateY(10deg);transition:transform .25s ease-out}}

/* Theme-aware logos with explicit light/dark alternates. */
body.j7-site .j7-header .brand{position:relative!important}body.j7-site .j7-header .brand .j7-light-logo{display:none!important;position:absolute;inset:0;pointer-events:none}html[data-theme="light"] body.j7-site .j7-header .brand .j7-light-logo{display:block!important}html[data-theme="light"] body.j7-site .j7-header .brand .brand-logo:not(.j7-light-logo){visibility:hidden!important}
body.j7-site .j7-footer .j7-footer-lightlogo{display:none}html[data-theme="light"] body.j7-site .j7-footer .j7-footer-lightlogo{display:block!important}html[data-theme="light"] body.j7-site .j7-footer .j7-footer-darklogo{display:none!important}
/* Redesigned dashboard hero replaces the V6 banner and heading, not just its palette. */
body.j7-site .j7-dash-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr);gap:0;overflow:hidden;border:1px solid var(--j7-line);border-radius:17px!important;margin:0 0 44px;min-height:325px;background:var(--j7-surface)}
.j7-dash-main{padding:46px clamp(25px,4vw,60px)!important;position:relative;overflow:hidden}.j7-dash-main::after{content:"";position:absolute;bottom:-140px;right:0;width:340px;height:340px;border-radius:50%;border:1px solid var(--j7-line);box-shadow:0 0 0 43px var(--j7-gold-wash);pointer-events:none}.j7-dash-overline{font-size:10px;color:var(--j7-gold-text);letter-spacing:.15em;font-weight:800}.j7-dash-overline span{color:var(--j7-muted)}body.j7-site .j7-dash-hero h1{font:800 clamp(32px,3.7vw,55px)/1.15 'Manrope',sans-serif!important;letter-spacing:-.074em!important;margin:18px 0 14px!important}body.j7-site .j7-dash-hero h1 em{font-style:normal;color:var(--j7-gold-text)!important}body.j7-site .j7-dash-hero p{color:var(--j7-muted)!important;font-size:13px!important;line-height:1.8!important;max-width:475px}.j7-dash-buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.j7-dash-buttons a{display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;min-height:42px;border-radius:9px;text-decoration:none;font-size:12px;font-weight:800;transition:transform .2s}.j7-dash-buttons a:hover{transform:translateY(-2px)}.j7-dash-primary{background:var(--j7-gold)!important;color:#171a1e!important}.j7-dash-secondary{color:var(--j7-ink)!important;border:1px solid var(--j7-line);background:var(--j7-bg-soft)}
.j7-dash-side{background:var(--j7-bg-soft);border-left:1px solid var(--j7-line);padding:40px 31px}.j7-dash-side-top{display:flex;justify-content:space-between;gap:12px;color:var(--j7-gold-text);font-size:9px;font-weight:800;letter-spacing:.11em}.j7-dash-side-top span:last-child{color:var(--j7-muted)}.j7-dash-side-title{margin:35px 0 16px;color:var(--j7-ink);font:800 28px/1.12 'Manrope',sans-serif;letter-spacing:-.055em}.j7-dash-side-title b{color:var(--j7-gold-text)}.j7-dash-side-links{display:grid;gap:2px}.j7-dash-side-links a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 2px;border-bottom:1px solid var(--j7-line);text-decoration:none;font-size:11px;font-weight:750;color:var(--j7-muted)}.j7-dash-side-links a span{color:var(--j7-gold-text)}.j7-dash-side-links a:hover{color:var(--j7-ink)}
/* Sponsored ad wall redesigned introductory module. */
body.j7-site .main .j7-ptc-hero{display:flex!important;align-items:end;justify-content:space-between;gap:30px;padding:42px clamp(24px,3.5vw,60px);border:1px solid var(--j7-line);border-radius:17px;background:var(--j7-surface);margin:6px 0 32px;position:relative;overflow:hidden}body.j7-site .main .j7-ptc-hero::after{content:"";position:absolute;width:240px;height:240px;right:-100px;bottom:-140px;border-radius:50%;border:32px solid var(--j7-gold-wash);pointer-events:none}.j7-ptc-hero>div:first-child{max-width:530px}.j7-ptc-hero>div:first-child>span{font-size:10px;letter-spacing:.15em;font-weight:800;color:var(--j7-gold-text)}body.j7-site .j7-ptc-hero h1{font-size:clamp(32px,3.6vw,50px)!important;line-height:1.13!important;margin:16px 0!important}.j7-ptc-hero h1 em{font-style:normal;color:var(--j7-gold-text)}.j7-ptc-hero p{font-size:12px;color:var(--j7-muted);line-height:1.85;margin:0}.j7-ptc-hero-aside{width:min(100%,275px);padding:23px;background:var(--j7-bg-soft);border:1px solid var(--j7-line);border-radius:11px}.j7-ptc-hero-aside>span{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:850;letter-spacing:.08em;color:var(--j7-gold-text)}.j7-ptc-hero-aside p{font-size:10.5px!important;margin:13px 0 0!important}
@media(max-width:950px){body.j7-site .j7-dash-hero{grid-template-columns:1fr}.j7-dash-side{border-left:0;border-top:1px solid var(--j7-line);padding:25px}.j7-dash-side-title{margin:12px 0}.j7-dash-side-links{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){body.j7-site .j7-dash-hero{margin-bottom:27px}.j7-dash-main{padding:30px 22px!important}.j7-dash-side-links{grid-template-columns:1fr}body.j7-site .main .j7-ptc-hero{display:block!important;padding:28px 23px}.j7-ptc-hero-aside{width:100%;margin-top:27px}}
/* Unified shared elements used by wallet, offers, referrals, settings, management and legal routes. */
body.j7-site .main .card:not(.status-card),body.j7-site .main :is(.feature-card,.info-card,.wallet-card,.referral-card,.earn-card,.summary-card,.stat-card){background:var(--j7-surface)!important;color:var(--j7-ink)!important;border:1px solid var(--j7-line)!important;box-shadow:none!important;border-radius:14px!important}
body.j7-site .main :is(.page-head,.page-header,.page-title){background:transparent!important;border-color:var(--j7-line)!important;color:var(--j7-ink)!important}
body.j7-site .main :is(.page-head,.page-header,.page-title) h1{font-size:clamp(29px,3vw,45px)!important;letter-spacing:-.06em!important}
body.j7-site .main :is(.settings-section,.panel,.table-card,.card) h2{font-family:'Manrope',sans-serif!important;letter-spacing:-.04em!important;color:var(--j7-ink)!important}
body.j7-site .main :is(.btn.ghost,.btn.secondary,.btn-outline){background:var(--j7-surface-2)!important;border-color:var(--j7-line)!important;color:var(--j7-ink)!important}
body.j7-site .main input:focus-visible,body.j7-site .main select:focus-visible,body.j7-site .main textarea:focus-visible{border-color:var(--j7-gold)!important;box-shadow:0 0 0 3px var(--j7-gold-wash)!important}
body.j7-site .main :is(.badge,.pill,.tag,.chip){border-radius:8px!important;box-shadow:none!important}
body.j7-site .main table{border-collapse:separate!important;border-spacing:0!important;max-width:100%;width:100%}
body.j7-site .main table tr:hover td{background:var(--j7-gold-wash)!important}
body.j7-site :is(.main,.j7-home,.j7-auth) a{transition:color .18s,border-color .2s,background .2s,transform .25s,box-shadow .25s}
body.j7-site .main .jw-chart-panel canvas{max-width:100%!important}
body.j7-site .jw-quick-grid>a{position:relative;min-height:152px;overflow:hidden}
body.j7-site .jw-quick-grid>a:after{content:"";position:absolute;right:-27px;bottom:-33px;width:110px;height:110px;border-radius:50%;border:1px solid var(--j7-line);pointer-events:none}
body.j7-site .jw-quick-grid>a>span{color:var(--j7-gold-text)!important}
body.j7-site .jw-section-head{margin-top:30px!important}
body.j7-site .main .ptc-card{position:relative;display:flex;flex-direction:column;min-height:290px}
body.j7-site .main .ptc-card:before{content:"SPONSORED OPPORTUNITY";font-size:9px;font-weight:850;letter-spacing:.13em;color:var(--j7-gold-text);order:-1;margin-bottom:14px}
body.j7-site .main .ptc-card .ptc-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px;margin-bottom:17px}
body.j7-site .main .ptc-card .btn{display:flex!important;align-items:center;justify-content:space-between;gap:10px;margin-top:auto!important;padding:12px 15px!important;min-height:45px!important;text-decoration:none}
body.j7-site .main .ptc-open-note{font-size:10px!important;line-height:1.65!important;margin:10px 0 0!important}
body.j7-site :is(.alert,.flash,.notice){border-radius:11px!important;border-color:var(--j7-line)!important;box-shadow:none!important}
body.j7-site .main .muted,body.j7-site .main .small,body.j7-site .main .help{color:var(--j7-muted)!important}
body.j7-site .main :is(input[type=checkbox],input[type=radio]){accent-color:var(--j7-gold)!important}
/* Social and CAPTCHA preserve provider logic and keep entire controls visible. */
.j7-auth .auth-recaptcha{max-width:100%;overflow-x:auto;overflow-y:hidden}
.j7-auth-social .auth-google-link{max-width:100%}
/* Do not interfere with PTC viewer security overlay or its full-screen iframe. */