:root{
  --navy:#07111f;--navy2:#0b1a2d;--navy3:#102640;--teal:#21d4b4;--teal2:#43ead0;--blue:#58a8ff;
  --ink:#132033;--muted:#6f7c90;--page:#f3f6fa;--card:#fff;--line:#e0e7ef;--soft:#f7f9fc;
  --danger:#ef5268;--warning:#e6a23c;--green:#18b982;--shadow:0 12px 34px rgba(12,35,63,.08)
}
:root[data-theme="dark"]{--ink:#edf4ff;--muted:#91a2b9;--page:#08111e;--card:#101d2d;--line:#22344b;--soft:#0c1726;--shadow:0 15px 40px rgba(0,0,0,.26)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(1160px,calc(100% - 32px));margin:auto}
.topbar{position:sticky;top:0;z-index:100;background:rgba(7,17,31,.96);color:#fff;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px)}.topbar-inner{height:66px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;min-width:184px}.brand-mark{width:34px;height:34px;border:1px solid rgba(67,234,208,.55);border-radius:11px;display:block;position:relative;background:linear-gradient(145deg,rgba(67,234,208,.13),rgba(88,168,255,.08))}.brand-mark:before{content:"";position:absolute;left:8px;right:8px;bottom:9px;height:2px;background:linear-gradient(90deg,var(--teal),var(--blue));transform:skewY(-25deg);box-shadow:5px -5px 0 -0.5px var(--teal),10px -1px 0 -0.5px var(--blue)}.brand-mark:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--teal2);right:7px;top:7px;box-shadow:0 0 11px var(--teal2)}.brand>span:last-child{display:grid;line-height:1}.brand strong{font-size:20px;letter-spacing:.2px}.brand small{font-size:8px;letter-spacing:1.6px;text-transform:uppercase;color:#8ea0b6;margin-top:5px}.nav-main{display:flex;align-items:center;gap:4px;flex:1;justify-content:center;white-space:nowrap}.nav-main a{font-size:12px;font-weight:720;color:#b7c4d5;padding:9px 10px;border-radius:8px}.nav-main a:hover{color:#fff;background:rgba(255,255,255,.06)}.nav-main .nav-hot{color:var(--teal2)}.header-actions{display:flex;align-items:center;gap:8px}.submit-site{font-size:10px;font-weight:900;letter-spacing:.25px;background:#fff;color:#0b1a2d;border-radius:9px;padding:9px 12px;white-space:nowrap}.lang-switch{display:flex;padding:3px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(255,255,255,.04)}.lang-switch a{font-size:9px;font-weight:900;color:#8ea0b6;padding:5px 7px;border-radius:6px}.lang-switch a.active{background:var(--teal);color:#06221d}.theme-toggle{width:34px;height:34px;border-radius:9px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#fff;cursor:pointer}
.hero-monitor{position:relative;overflow:hidden;background:linear-gradient(135deg,#07111f 0%,#0c1f35 60%,#102940 100%);color:#fff;padding:70px 0 64px}.hero-monitor:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-170px;top:-260px;background:radial-gradient(circle,rgba(33,212,180,.19),transparent 68%)}.hero-monitor:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(67,234,208,.45),transparent)}.hero-monitor-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:62px;align-items:center}.hero-main{max-width:650px}.hero-kicker{display:flex;align-items:center;gap:8px;color:#9fb2c8;font-size:10px;font-weight:900;letter-spacing:1.6px}.hero-kicker i{width:7px;height:7px;border-radius:50%;background:var(--teal2);box-shadow:0 0 14px var(--teal2)}.hero-main h1{font-size:52px;line-height:1.02;letter-spacing:-2.3px;margin:15px 0 16px}.hero-main h1 em{font-style:normal;color:var(--teal2)}.hero-main>p{max-width:610px;color:#a9b8cb;font-size:15px;margin:0}.hero-search{margin-top:28px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;background:#fff;border-radius:13px;padding:5px;box-shadow:0 18px 45px rgba(0,0,0,.2)}.hero-search>span{color:#7a899b;text-align:center;font-size:20px}.hero-search input{border:0;outline:0;background:transparent;color:#152235;min-width:0;padding:11px 3px;font-size:13px}.hero-search button{border:0;border-radius:9px;background:var(--teal);color:#06251f;font-size:11px;font-weight:950;padding:12px 18px;cursor:pointer}.hero-trust{display:flex;gap:12px;align-items:center;margin-top:16px;font-size:10px}.hero-trust strong{color:#dce8f5}.hero-trust span{color:#7890a8;padding-left:12px;border-left:1px solid rgba(255,255,255,.12)}
.hero-console{background:rgba(10,27,46,.78);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:18px;box-shadow:0 24px 65px rgba(0,0,0,.24)}.console-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.console-head span{font-size:11px;font-weight:850;color:#d9e7f6;display:flex;gap:7px;align-items:center}.console-head span i{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal)}.console-head b{font-size:8px;letter-spacing:1px;color:#071a16;background:var(--teal);border-radius:999px;padding:4px 7px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric-grid div{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);border-radius:12px;padding:13px 10px}.metric-grid strong{display:block;font-size:22px}.metric-grid span{display:block;color:#8196ae;font-size:8px;text-transform:uppercase;font-weight:800;letter-spacing:.55px;margin-top:3px}.signal-list{display:grid;gap:3px;margin-top:14px}.signal-item{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:9px 8px;border-radius:10px}.signal-item:hover{background:rgba(255,255,255,.045)}.signal-rank{font-size:9px;color:#59718a;font-weight:900}.signal-name{display:grid;min-width:0}.signal-name strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.signal-name small{font-size:8px;color:#7188a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.signal-status{display:flex;align-items:center;gap:5px;font-size:8px;font-weight:850}.signal-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.signal-status.good{color:#42ddb0}.signal-status.warn{color:#f2ba55}.signal-status.bad{color:#f26b7d}.signal-status.muted{color:#72869b}.signal-empty{padding:20px;text-align:center;color:#6d8196}
.catalog-shell{background:var(--page);padding:48px 0 66px}.catalog-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.catalog-title span{font-size:9px;font-weight:950;letter-spacing:1.5px;color:#159f86}.catalog-title h2{font-size:27px;margin:5px 0 0;letter-spacing:-.8px}.result-count{font-size:11px;color:var(--muted)}.filter-panel{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:12px;box-shadow:var(--shadow);margin-bottom:22px}.category-strip,.status-filter{display:flex;gap:7px;flex-wrap:wrap}.category-strip{padding-bottom:10px;border-bottom:1px solid var(--line)}.status-filter{padding-top:10px}.category-pill,.status-filter a{font-size:10px;font-weight:800;border:1px solid transparent;background:var(--soft);color:var(--muted);border-radius:8px;padding:7px 10px}.category-pill:hover,.status-filter a:hover{color:var(--ink)}.category-pill.active{background:#0d2035;color:#fff}.status-filter a.active{background:#dff8f1;color:#087b63;border-color:#b8ebdd}:root[data-theme="dark"] .category-pill.active{background:#eaf2fb;color:#0d2035}:root[data-theme="dark"] .status-filter a.active{background:#12392f;color:#57e7be;border-color:#1b5a49}
.monitor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.monitor-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 17px 15px;box-shadow:var(--shadow);overflow:hidden}.card-status-rail{position:absolute;left:0;top:0;bottom:0;width:3px;background:#9da7b4}.card-status-rail.good{background:var(--green)}.card-status-rail.warn{background:var(--warning)}.card-status-rail.bad{background:var(--danger)}.monitor-card.is-top:after{content:"";position:absolute;right:-34px;top:-34px;width:76px;height:76px;border-radius:50%;background:rgba(33,212,180,.08)}.monitor-head{display:flex;align-items:center;gap:10px}.monitor-logo{width:46px;height:46px;border-radius:12px;background:linear-gradient(145deg,#e8fbf7,#e8f2ff);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;flex:none}.monitor-logo img{width:100%;height:100%;object-fit:cover}.monitor-logo span{font-size:13px;font-weight:950;color:#157b69}.monitor-name{min-width:0;flex:1}.monitor-name h3{font-size:16px;line-height:1.05;margin:4px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor-name h3 a:hover{color:#149f85}.monitor-name p{margin:0;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.micro-badges{display:flex;gap:4px;min-height:12px}.micro-badges span{font-size:6px;font-weight:950;background:#dcf8f0;color:#0a8a6e;padding:2px 5px;border-radius:4px}.micro-badges .blue{background:#e7f1ff;color:#3378bd}.micro-badges .gold{background:#fff1cc;color:#966500}.score-ring{width:45px;height:45px;border-radius:50%;border:3px solid #dce6ef;display:flex;align-items:baseline;justify-content:center;padding-top:10px;flex:none;position:relative}.score-ring:before{content:"";position:absolute;inset:-3px;border-radius:50%;border-top:3px solid var(--teal);border-right:3px solid var(--teal);transform:rotate(25deg)}.score-ring strong{font-size:13px;position:relative;z-index:1}.score-ring small{font-size:7px;color:var(--muted);position:relative;z-index:1}.live-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--soft);border-radius:9px;padding:8px 9px;margin:13px 0 12px;font-size:8px;color:var(--muted)}.status-label{display:flex;align-items:center;gap:5px;font-weight:900}.status-label i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.status-label.good{color:var(--green)}.status-label.warn{color:var(--warning)}.status-label.bad{color:var(--danger)}.status-label.muted{color:#8993a6}.live-bar b{color:var(--ink)}.card-description{font-size:10px;color:var(--ink);line-height:1.5;min-height:45px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.monitor-facts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.monitor-facts>div{background:var(--soft);border:1px solid var(--line);border-radius:9px;padding:8px}.monitor-facts .wide{grid-column:1/-1}.monitor-facts span{display:block;color:var(--muted);font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.35px}.monitor-facts strong{display:block;margin-top:3px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.latest-proof{display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:8px;margin-top:11px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.latest-proof>span{font-size:8px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.35px}.latest-proof strong{font-size:12px;color:#0f9e7e;text-align:right}.latest-proof small{grid-column:1/-1;text-align:right;color:var(--muted);font-size:8px;margin-top:2px}.latest-proof .muted-value{color:var(--muted)}.monitor-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.details-link,.earn-btn{height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:950}.details-link{border:1px solid var(--line);background:var(--soft);color:var(--ink)}.earn-btn{background:#0c2137;color:#fff}.earn-btn:hover{background:#12304f}.empty{padding:38px;border:1px dashed var(--line);border-radius:14px;background:var(--card);color:var(--muted);text-align:center}
.footer{background:#07111f;color:#8ea0b6;padding:32px 0}.footer-inner{display:grid;grid-template-columns:1fr auto 1.5fr;align-items:center;gap:30px;font-size:10px}.footer-brand{display:grid}.footer-brand strong{color:#fff;font-size:14px}.footer-links{display:flex;gap:15px}.footer-links a:hover{color:#fff}.footer-note{text-align:right}
/* Inner pages */
.section{padding:48px 0}.section-sm{padding:24px 0}.narrow{max-width:900px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase;color:#169e86}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px}.section-head h1{font-size:35px;margin:6px 0}.section-head h2{margin:0}.section-head.small h2{font-size:19px}.back{font-size:11px;color:var(--muted)}.detail-hero{padding-top:36px}.detail-head{display:flex;align-items:center;gap:16px}.site-logo.large{width:72px;height:72px;border-radius:17px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}.site-logo.large img{width:100%;height:100%;object-fit:cover}.site-logo.large span{font-weight:950;color:#15967f}.detail-title{flex:1}.detail-title h1{font-size:36px;margin:3px 0}.detail-title p{margin:0;color:var(--muted)}.badges{display:flex;gap:5px}.badge{font-size:7px;font-weight:950;border-radius:5px;padding:3px 5px}.badge.top{background:#fff0c9;color:#956300}.badge.new{background:#e4f2ff;color:#2576b9}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;min-height:40px;padding:0 15px;font-size:10px;font-weight:900}.btn.primary{border:0;background:#0d2137;color:#fff}.btn.ghost{background:var(--soft);border:1px solid var(--line)}.btn.big{min-height:46px}.detail-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:24px}.detail-stats>div,.content-card{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.detail-stats>div{padding:13px}.detail-stats span{display:block;font-size:8px;color:var(--muted)}.detail-stats strong{font-size:11px}.status{display:flex;align-items:center;gap:5px}.status i{width:6px;height:6px;border-radius:50%;background:currentColor}.status.good{color:var(--green)}.status.warn{color:var(--warning)}.status.bad{color:var(--danger)}.status.muted{color:#8f98a8}.detail-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:14px}.content-card{padding:20px}.content-card h2{margin:0 0 14px;font-size:20px}.content-card h3{font-size:12px;margin:20px 0 4px}.longtext,.content-card p,.muted{color:var(--muted);font-size:11px}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.tag-list span{font-size:8px;background:var(--soft);border:1px solid var(--line);padding:6px 8px;border-radius:7px}.monitor-list{display:grid;gap:7px}.monitor-list>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding-bottom:7px}.monitor-list small{font-size:8px;color:var(--muted);text-align:right}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:50px}.proof-list,.review-list{display:grid;gap:8px}.proof-list article,.review-list article{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:11px}.proof-list article{display:flex;align-items:center;gap:12px;font-size:9px}.proof-list article>div{display:grid;flex:1}.review-list article div{display:flex;justify-content:space-between}.review-list p{margin:7px 0}.review-form{display:grid;gap:8px;margin-top:14px}.form-row{display:grid;grid-template-columns:1fr 100px;gap:8px}.review-form input,.review-form select,.review-form textarea{width:100%;background:var(--soft);border:1px solid var(--line);border-radius:9px;color:var(--ink);padding:9px;outline:0;font-size:10px}.review-form textarea{min-height:85px;resize:vertical}.proof-table{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.proof-table .thead,.proof-table .trow{display:grid;grid-template-columns:1.3fr .8fr 1fr .8fr .5fr;gap:12px;align-items:center;padding:12px 15px}.proof-table .thead{background:var(--soft);font-size:8px;font-weight:900;color:var(--muted)}.proof-table .trow{border-top:1px solid var(--line);font-size:10px}.prose h2{margin-top:24px}
@media(max-width:1050px){.nav-main a{padding-left:7px;padding-right:7px}.submit-site{display:none}.hero-monitor-grid{gap:30px}.monitor-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.nav-main{display:none}.topbar-inner{height:58px}.brand{min-width:0}.header-actions{margin-left:auto}.hero-monitor{padding:46px 0}.hero-monitor-grid{grid-template-columns:1fr}.hero-main{max-width:none}.hero-main h1{font-size:41px}.hero-console{max-width:none}.catalog-toolbar{align-items:flex-start}.detail-grid,.two-col{grid-template-columns:1fr}.detail-stats{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr;text-align:center}.footer-links{justify-content:center}.footer-note{text-align:center}}
@media(max-width:560px){.container{width:min(100% - 18px,1160px)}.topbar-inner{gap:9px}.brand strong{font-size:17px}.brand small{font-size:7px}.lang-switch a{padding:5px 6px}.hero-monitor{padding:38px 0}.hero-main h1{font-size:34px;letter-spacing:-1.3px}.hero-main>p{font-size:13px}.hero-search{grid-template-columns:32px 1fr auto}.hero-search button{padding:11px 13px}.hero-trust{align-items:flex-start;flex-direction:column;gap:4px}.hero-trust span{border:0;padding-left:0}.metric-grid strong{font-size:18px}.signal-item{grid-template-columns:26px 1fr auto}.catalog-shell{padding-top:34px}.catalog-toolbar{flex-direction:column;gap:5px}.catalog-title h2{font-size:23px}.category-strip,.status-filter{flex-wrap:nowrap;overflow:auto;padding-bottom:8px}.status-filter{padding-top:8px;padding-bottom:0}.category-pill,.status-filter a{white-space:nowrap}.monitor-grid{grid-template-columns:1fr}.monitor-card{padding:17px 15px 14px}.detail-head{align-items:flex-start;flex-wrap:wrap}.detail-actions{width:100%}.detail-actions .btn{width:100%}.detail-title h1{font-size:29px}.proof-table{overflow:auto}.proof-table .thead,.proof-table .trow{min-width:650px}.theme-toggle{display:none}}

/* ===== EarnMon v4 directory layout ===== */
:root{
  --em-purple:#4f16a8;--em-purple-2:#6f20c8;--em-purple-3:#2c0c63;--em-cyan:#20d8d2;--em-lime:#a8f23d;
  --em-page:#eef3f8;--em-card:#ffffff;--em-ink:#12172a;--em-muted:#6d7688;--em-line:#dfe6ef;
}
:root[data-theme="dark"]{--em-page:#0b1220;--em-card:#121c2c;--em-ink:#eef4ff;--em-muted:#92a0b6;--em-line:#26364d}
body{background:var(--em-page)}
.container{width:min(1180px,calc(100% - 34px))}
.topbar{background:#17072e;border-bottom:1px solid rgba(255,255,255,.08)}
.topbar-inner{height:58px;gap:18px}.brand{min-width:190px}.brand-mark{border-color:rgba(32,216,210,.7);background:linear-gradient(145deg,rgba(32,216,210,.16),rgba(111,32,200,.26))}.brand strong{font-size:19px}.brand small{color:#a898bc}.nav-main a{font-size:11px;color:#c5b9d4;padding:8px 9px}.nav-main a:hover{background:rgba(255,255,255,.07)}.nav-main .nav-hot{color:#31e8df}.submit-site{background:linear-gradient(90deg,#28e0d7,#61efe8);color:#152033;border-radius:999px;padding:9px 15px}.lang-switch{border-color:rgba(255,255,255,.16)}.lang-switch a.active{background:#23d9d2;color:#152033}.theme-toggle{border-radius:10px}
.directory-hero{position:relative;overflow:hidden;background:linear-gradient(116deg,#29065b 0%,#4b078b 45%,#5e0d92 72%,#2c0b60 100%);color:#fff;padding:48px 0 0;min-height:360px}.directory-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 32%,rgba(255,255,255,.10),transparent 28%),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,52px 52px;opacity:.65}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.hero-glow-a{width:400px;height:400px;background:radial-gradient(circle,rgba(33,223,215,.18),transparent 68%);right:-90px;top:-180px}.hero-glow-b{width:340px;height:340px;background:radial-gradient(circle,rgba(176,82,255,.28),transparent 70%);left:-120px;bottom:-180px}.directory-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:170px 1fr 170px;gap:42px;align-items:center}.hero-center{text-align:center;padding:14px 0 52px}.hero-label{display:inline-flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.25px;font-weight:900;color:#dfd1f5;text-transform:uppercase}.hero-center h1{font-size:37px;line-height:1.08;margin:14px auto 10px;max-width:660px;letter-spacing:-1.25px}.hero-center h1 em{font-style:normal;color:#25e4df}.hero-center p{max-width:620px;margin:0 auto;color:#d1c6e3;font-size:12px}.hero-points{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:18px;font-size:10px;font-weight:800;color:#fff}.hero-side-card{height:132px;border-radius:16px;padding:16px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 50px rgba(15,0,46,.2);position:relative;overflow:hidden}.hero-side-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.06);right:-48px;top:-54px}.hero-side-left{background:linear-gradient(145deg,#18a74e,#7bd71d)}.hero-side-right{background:linear-gradient(145deg,#4e2f92,#6f38a7)}.side-tag{font-size:8px;font-weight:950;background:rgba(0,0,0,.19);padding:4px 7px;border-radius:999px;position:relative;z-index:1}.side-tag.live{background:#29dfcf;color:#163148}.hero-side-card strong{display:block;font-size:28px;line-height:1;margin-top:15px;position:relative;z-index:1}.hero-side-card h3{font-size:14px;margin:4px 0 0;position:relative;z-index:1}.hero-side-card p{font-size:8px;margin:5px 0 0;opacity:.82;position:relative;z-index:1}.hero-picks{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:-26px;transform:translateY(32px)}.hero-pick{min-height:82px;background:linear-gradient(140deg,rgba(85,21,151,.96),rgba(79,21,135,.96));border:1px solid rgba(255,255,255,.15);border-radius:15px;padding:12px;display:grid;grid-template-columns:28px 44px 1fr auto;align-items:center;gap:9px;box-shadow:0 18px 34px rgba(45,12,86,.18);transition:.2s}.hero-pick:hover{transform:translateY(-2px);border-color:rgba(42,229,219,.55)}.pick-rank{font-size:8px;font-weight:950;color:#ffd957}.pick-logo{width:42px;height:42px;border-radius:11px;background:#fff;color:#482178;display:grid;place-items:center;font-size:11px;font-weight:950;overflow:hidden}.pick-logo img{width:100%;height:100%;object-fit:cover}.pick-copy{display:grid;min-width:0}.pick-copy small{font-size:7px;color:#ffd85d;font-weight:950}.pick-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick-copy em{font-style:normal;font-size:8px;color:#c7b6dc}.pick-state{font-size:8px;font-weight:850;display:flex;align-items:center;gap:5px}.pick-state i{width:6px;height:6px;border-radius:50%;background:currentColor}.pick-state.good{color:#4ce4a4}.pick-state.warn{color:#ffc85b}.pick-state.bad{color:#ff8090}.pick-state.muted{color:#b5a8c7}
.directory-body{padding:74px 0 72px;background:var(--em-page);color:var(--em-ink)}.directory-head{display:flex;justify-content:space-between;align-items:end;gap:26px;margin-bottom:18px}.directory-eyebrow{font-size:8px;font-weight:950;letter-spacing:1.4px;color:#7e2bc5;text-transform:uppercase}.directory-head h2{font-size:27px;margin:4px 0 3px;letter-spacing:-.7px}.directory-head p{font-size:10px;color:var(--em-muted);margin:0}.directory-search{display:grid;grid-template-columns:260px auto;background:var(--em-card);border:1px solid var(--em-line);border-radius:11px;padding:4px;box-shadow:0 8px 20px rgba(34,45,72,.06)}.directory-search input{border:0;outline:0;background:transparent;color:var(--em-ink);font-size:10px;padding:8px 10px;min-width:0}.directory-search button{border:0;background:linear-gradient(90deg,#6020b6,#8f29ca);color:#fff;border-radius:8px;font-size:9px;font-weight:900;padding:8px 16px;cursor:pointer}.directory-filters{background:var(--em-card);border:1px solid var(--em-line);border-radius:13px;padding:10px 12px;margin-bottom:18px;box-shadow:0 10px 24px rgba(34,45,72,.05)}.filter-scroll{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.status-chips{border-top:1px solid var(--em-line);padding-top:9px;margin-top:9px}.filter-chip{background:#f7f9fc;border:1px solid #e7ebf1;color:#58647a;font-size:8px;font-weight:850;border-radius:8px;padding:6px 10px}:root[data-theme="dark"] .filter-chip{background:#182437;border-color:#26364d;color:#aab6c8}.filter-chip.active{background:#5f1db3;border-color:#5f1db3;color:#fff}.filter-chip.status-active{background:#d9f7ef;border-color:#bfeee2;color:#0b816a}:root[data-theme="dark"] .filter-chip.status-active{background:#12392f;border-color:#1d584b;color:#5ce2c3}.result-mini{margin-left:auto;color:var(--em-muted);font-size:9px}.earning-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.earning-card{position:relative;background:var(--em-card);border:1px solid var(--em-line);border-radius:15px;padding:14px 13px 12px;box-shadow:0 12px 28px rgba(34,45,72,.07);overflow:hidden;min-width:0}.earning-card-topline{height:3px;position:absolute;left:0;right:0;top:0;background:linear-gradient(90deg,#5c20ba,#a62bd1)}.earning-card.card-top .earning-card-topline{background:linear-gradient(90deg,#f8b62d,#ffdc63)}.earning-card-head{display:flex;align-items:center;gap:9px}.earning-logo{width:42px;height:42px;flex:none;border-radius:11px;background:linear-gradient(145deg,#eaf8f6,#f0e8ff);border:1px solid var(--em-line);display:grid;place-items:center;overflow:hidden;color:#5a21a7;font-size:11px;font-weight:950}.earning-logo img{width:100%;height:100%;object-fit:cover}.earning-title{min-width:0;flex:1}.earning-badges{display:flex;gap:3px;min-height:10px}.earning-badges span{font-size:5.5px;font-weight:950;padding:2px 4px;border-radius:3px}.tag-top{background:#fff1c7;color:#9b6900}.tag-featured{background:#dff8ef;color:#0c8c69}.tag-new{background:#e6f0ff;color:#3275ba}.earning-title h3{font-size:14px;margin:3px 0 2px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.earning-title p{font-size:7.5px;color:var(--em-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.earning-rating{width:37px;height:37px;border-radius:10px;background:#f7f9fc;border:1px solid var(--em-line);display:grid;place-items:center;align-content:center;flex:none}:root[data-theme="dark"] .earning-rating{background:#182437}.earning-rating strong{font-size:11px;line-height:1}.earning-rating span{font-size:7px;color:#e9a619;margin-top:2px}.earning-status{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:10px 0 8px;padding:7px 0;border-top:1px solid var(--em-line);border-bottom:1px solid var(--em-line)}.status-dot{display:flex;gap:5px;align-items:center;font-size:8px;font-weight:900}.status-dot i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-dot.good{color:#16a773}.status-dot.warn{color:#d89225}.status-dot.bad{color:#e55067}.status-dot.muted{color:#8c96a6}.earning-status small{font-size:7px;color:var(--em-muted)}.earning-category{text-transform:uppercase;font-size:6.5px;letter-spacing:.4px;color:#7426b9;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.earning-benefits{list-style:none;padding:0;margin:9px 0 11px;display:grid;gap:7px;min-height:63px}.earning-benefits li{display:grid;grid-template-columns:13px 1fr;gap:5px;align-items:start;font-size:8px;line-height:1.35;color:var(--em-ink)}.earning-benefits li i{font-style:normal;color:#11a875;font-weight:950}.earning-benefits li:first-child span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.proof-box{background:linear-gradient(180deg,#f7f2ff,#fafbfe);border:1px solid #e8ddf6;border-radius:11px;padding:9px}:root[data-theme="dark"] .proof-box{background:#192338;border-color:#2b3850}.proof-title{display:flex;justify-content:space-between;align-items:center;gap:6px;border-bottom:1px solid #e7dff0;padding-bottom:6px;margin-bottom:7px}:root[data-theme="dark"] .proof-title{border-color:#2b3850}.proof-title span{font-size:6.5px;font-weight:950;color:#6f24b4;letter-spacing:.35px}.proof-title small{font-size:6px;color:var(--em-muted)}.proof-value{display:flex;justify-content:space-between;gap:7px;align-items:center}.proof-value span{font-size:7.5px;color:var(--em-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proof-value strong{font-size:10px;color:#6c22bb;white-space:nowrap}.proof-value.is-empty strong{color:var(--em-muted)}.withdraw-row{display:grid;grid-template-columns:auto 1fr;gap:7px;align-items:center;margin:9px 0 10px;font-size:7px;color:var(--em-muted)}.withdraw-row b{color:var(--em-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.earning-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:6px}.card-details,.card-earn{height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:950}.card-details{border:1px solid var(--em-line);background:#f8fafc;color:var(--em-ink)}:root[data-theme="dark"] .card-details{background:#172336}.card-earn{background:linear-gradient(90deg,#5d1fb2,#7a24bf);color:#fff}.card-earn span{font-size:7px;margin-left:5px}.card-earn:hover{filter:brightness(1.06)}
.footer{background:#17072e;color:#a99ab9}.footer-brand strong{color:#fff}
@media(max-width:1120px){.directory-hero-grid{grid-template-columns:150px 1fr 150px;gap:26px}.earning-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-picks{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.directory-hero-grid{grid-template-columns:1fr}.hero-side-card{display:none}.hero-center{padding-bottom:28px}.hero-picks{grid-template-columns:1fr;transform:translateY(26px)}.directory-body{padding-top:62px}.earning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-head{align-items:flex-start;flex-direction:column}.directory-search{width:100%;grid-template-columns:1fr auto}}
@media(max-width:620px){.directory-hero{padding-top:34px}.hero-center h1{font-size:31px}.hero-points{gap:10px;font-size:8px}.hero-pick:nth-child(n+2){display:none}.earning-grid{grid-template-columns:1fr}.filter-scroll{flex-wrap:nowrap;overflow:auto;padding-bottom:2px}.result-mini{white-space:nowrap}.directory-head h2{font-size:23px}.directory-body{padding-bottom:46px}.earning-card{padding:15px}.earning-benefits{min-height:0}.topbar-inner{height:56px}.brand{min-width:0}.nav-main{display:none}.header-actions{margin-left:auto}.submit-site{display:none}.theme-toggle{display:none}}

/* EarnMon v5 — denser directory layout inspired by the reference composition,
   while keeping EarnMon's own visual identity. */
.v5-hero{min-height:318px;padding:42px 0 0;background:linear-gradient(112deg,#24054f 0%,#421078 42%,#5c1688 71%,#271052 100%)}
.v5-hero:before{background:radial-gradient(circle at 50% 25%,rgba(255,255,255,.11),transparent 32%),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:auto,48px 48px}
.v5-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:170px minmax(0,1fr) 170px;gap:38px;align-items:center}
.v5-hero-center{text-align:center;padding:8px 0 42px}
.v5-hero-center .hero-label{font-size:9px;color:#e2d8f0}
.v5-hero-center h1{font-size:38px;line-height:1.06;max-width:690px;margin:13px auto 10px;letter-spacing:-1.35px}
.v5-hero-center h1 em{font-style:normal;color:#23e0dc}
.v5-hero-center>p{max-width:690px;margin:0 auto;color:#d6cae6;font-size:12px}
.v5-hero-center .hero-points{margin-top:17px;gap:24px;font-size:10px}
.v5-promo{height:130px;border-radius:16px;padding:16px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.13);box-shadow:0 18px 42px rgba(21,0,48,.23)}
.v5-promo:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-72px;top:-67px;background:rgba(255,255,255,.09)}
.v5-promo-left{background:linear-gradient(145deg,#13a858,#63d226)}
.v5-promo-right{background:linear-gradient(145deg,#4e2d8f,#7043b4)}
.v5-promo-badge{position:relative;z-index:1;display:inline-block;padding:4px 7px;border-radius:999px;background:rgba(0,0,0,.18);font-size:8px;font-weight:950;text-transform:uppercase}
.v5-promo-badge.live{background:#25e1d6;color:#103b3c}
.v5-promo strong{position:relative;z-index:1;display:block;font-size:28px;line-height:1;margin-top:15px}
.v5-promo h3{position:relative;z-index:1;margin:4px 0 0;font-size:14px}.v5-promo p{position:relative;z-index:1;margin:5px 0 0;font-size:8px;opacity:.82}
.v5-quick-grid{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:-16px;transform:translateY(31px)}
.v5-quick-card{min-height:72px;border-radius:14px;padding:12px 14px;background:linear-gradient(135deg,rgba(91,37,154,.97),rgba(62,22,122,.98));border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 30px rgba(36,6,71,.2);display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;color:#fff;transition:.18s ease}
.v5-quick-card:hover{transform:translateY(-2px);border-color:rgba(35,224,220,.55)}
.v5-quick-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#10284c;color:#28e1d9;font-size:19px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.v5-quick-copy{display:grid;gap:3px}.v5-quick-copy small{font-size:8px;font-weight:800;letter-spacing:.55px;color:#cbbbe1;text-transform:uppercase}.v5-quick-copy strong{font-size:14px}.v5-quick-arrow{font-size:25px;color:#31ded8;line-height:1}

.v5-directory{padding:58px 0 64px;background:#e9eef4;color:var(--em-ink)}
:root[data-theme="dark"] .v5-directory{background:#0b1220}
.v5-directory-bar{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:14px}
.v5-directory-title span{display:block;color:#7425b7;font-size:9px;letter-spacing:1.35px;font-weight:950;text-transform:uppercase}.v5-directory-title h2{font-size:27px;line-height:1.05;margin:5px 0 0;letter-spacing:-.65px}
.v5-search{width:330px;display:grid;grid-template-columns:1fr auto;background:var(--em-card);border:1px solid var(--em-line);border-radius:11px;padding:4px;box-shadow:0 8px 22px rgba(30,39,60,.06)}
.v5-search input{min-width:0;border:0;outline:0;background:transparent;color:var(--em-ink);padding:8px 10px;font-size:11px}.v5-search button{border:0;border-radius:8px;padding:8px 17px;background:linear-gradient(90deg,#5e20b4,#8a29c7);color:#fff;font-size:9px;font-weight:950;cursor:pointer}
.v5-filter-row{background:var(--em-card);border:1px solid var(--em-line);border-radius:13px;padding:9px 11px;margin-bottom:16px;box-shadow:0 8px 22px rgba(30,39,60,.05)}
.v5-filter-main,.v5-filter-status{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.v5-filter-status{border-top:1px solid var(--em-line);margin-top:8px;padding-top:8px}
.v5-chip,.v5-status-chip{font-size:9px;font-weight:850;color:#5f687a;background:#f7f9fc;border:1px solid #e5e9ef;border-radius:8px;padding:6px 9px;white-space:nowrap}
:root[data-theme="dark"] .v5-chip,:root[data-theme="dark"] .v5-status-chip{background:#182437;border-color:#26364d;color:#a9b5c7}
.v5-chip.active{background:#6522b8;border-color:#6522b8;color:#fff}.v5-status-chip.active{background:#d8f7ef;border-color:#b8eddf;color:#087c66}:root[data-theme="dark"] .v5-status-chip.active{background:#12382f;border-color:#205847;color:#5be1c0}.v5-found{margin-left:auto;color:var(--em-muted);font-size:9px}

.v5-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;align-items:stretch}
.v5-site-card{position:relative;min-width:0;min-height:320px;background:var(--em-card);border:1px solid var(--em-line);border-radius:15px;padding:17px 15px 14px;box-shadow:0 12px 28px rgba(28,40,61,.07);overflow:hidden;display:flex;flex-direction:column}
.v5-card-accent{position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#6623bb,#25dcd6)}.v5-site-card.is-top .v5-card-accent{background:linear-gradient(90deg,#f0ac27,#ffd768)}
.v5-card-head{display:flex;gap:10px;align-items:center;min-height:52px}.v5-logo{width:46px;height:46px;flex:none;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#eef9f8,#f3edfc);border:1px solid var(--em-line);overflow:hidden;color:#6424b1;font-weight:950;font-size:12px}.v5-logo img{width:100%;height:100%;object-fit:cover}.v5-name{min-width:0;flex:1}.v5-name h3{font-size:16px;line-height:1.04;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v5-name h3 a:hover{color:#6b24b7}.v5-name p{margin:0;color:var(--em-muted);font-size:8px;text-transform:uppercase;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v5-badges{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}.v5-badges span{font-size:6.5px;font-weight:950;padding:3px 6px;border-radius:999px}.v5-badges .top{background:#8525c7;color:#fff}.v5-badges .featured{background:#dff8ef;color:#0a8869}.v5-badges .new{background:#e7f1ff;color:#3475b8}
.v5-statusline{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;padding:9px 0;margin:10px 0 9px;border-top:1px solid var(--em-line);border-bottom:1px solid var(--em-line)}.v5-status{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:900}.v5-status i{width:6px;height:6px;border-radius:50%;background:currentColor}.v5-status.good{color:#17a877}.v5-status.warn{color:#d58c20}.v5-status.bad{color:#e14c64}.v5-status.muted{color:#8a95a7}.v5-rating{font-size:9px;font-weight:900;color:#db9e20}.v5-uptime{justify-self:end;color:var(--em-muted);font-size:8px;white-space:nowrap}
.v5-highlight{background:#edf6ff;border-radius:9px;padding:7px 9px;font-size:10px;font-weight:850;line-height:1.3;color:#26364b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root[data-theme="dark"] .v5-highlight{background:#17263b;color:#dbe7f5}
.v5-benefits{list-style:none;padding:0;margin:10px 0 12px;display:grid;gap:8px}.v5-benefits li{font-size:10px;line-height:1.3;color:var(--em-ink);display:grid;grid-template-columns:15px 1fr;gap:5px;align-items:start}.v5-benefits li>span{font-weight:950;color:#12a979}.v5-benefits b{font-weight:850}
.v5-proof{margin-top:auto;background:linear-gradient(180deg,#f4effd,#fafbfe);border:1px solid #e5daf4;border-radius:11px;padding:9px}:root[data-theme="dark"] .v5-proof{background:#182338;border-color:#2b3850}.v5-proof-title{display:flex;justify-content:space-between;gap:8px;align-items:center;padding-bottom:6px;margin-bottom:7px;border-bottom:1px solid #e5dcf0}:root[data-theme="dark"] .v5-proof-title{border-color:#2b3850}.v5-proof-title span{font-size:7.5px;font-weight:950;letter-spacing:.4px;color:#7225b6;text-transform:uppercase}.v5-proof-title small{font-size:7px;color:var(--em-muted)}.v5-proof-value{display:flex;justify-content:space-between;align-items:center;gap:8px}.v5-proof-value span{font-size:9px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v5-proof-value strong{font-size:11px;color:#6a22b7;white-space:nowrap}.v5-proof-value.muted{color:var(--em-muted)}.v5-proof-value.muted strong{color:var(--em-muted)}
.v5-card-bottom{display:grid;grid-template-columns:.8fr 1.2fr;gap:7px;margin-top:10px}.v5-review,.v5-earn{height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:950}.v5-review{border:1px solid var(--em-line);background:#f7f9fc;color:#3d485a}:root[data-theme="dark"] .v5-review{background:#172336;color:#dfe7f3}.v5-earn{background:linear-gradient(90deg,#5c1fb1,#7f25c1);color:#fff}.v5-earn span{font-size:7px;margin-left:5px}.v5-earn:hover{filter:brightness(1.07)}

@media(max-width:1120px){.v5-hero-grid{grid-template-columns:150px 1fr 150px;gap:26px}.v5-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.v5-hero{padding-top:34px}.v5-hero-grid{grid-template-columns:1fr}.v5-promo{display:none}.v5-hero-center{padding-bottom:24px}.v5-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0;transform:translateY(28px)}.v5-directory{padding-top:52px}.v5-directory-bar{align-items:flex-start;flex-direction:column}.v5-search{width:100%}.v5-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.v5-hero{min-height:auto;padding:28px 0 0}.v5-hero-center h1{font-size:31px}.v5-hero-center>p{font-size:11px}.v5-hero-center .hero-points{font-size:8px;gap:10px}.v5-quick-grid{grid-template-columns:1fr;gap:8px}.v5-quick-card:nth-child(n+3){display:none}.v5-directory{padding-top:70px}.v5-filter-main,.v5-filter-status{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.v5-found{white-space:nowrap}.v5-card-grid{grid-template-columns:1fr}.v5-site-card{min-height:0}.v5-card-head{min-height:48px}}

/* ---- EarnMon v6 refresh: more original header/hero and no add button ---- */
.topbar{background:linear-gradient(90deg,#0d1122 0%,#16142f 52%,#0e1831 100%);border-bottom:1px solid rgba(255,255,255,.07)}
.topbar-inner{height:64px;gap:20px}.brand{min-width:198px}.brand-mark{border-color:rgba(67,234,208,.48);background:linear-gradient(145deg,rgba(67,234,208,.12),rgba(97,88,255,.11))}.brand strong{font-size:20px}.brand small{color:#94a3ba;letter-spacing:1.4px}.nav-main a{font-size:12px;color:#b9c3d7;padding:8px 10px;border-radius:9px}.nav-main .nav-hot{color:#63efe3}.nav-main a:hover{background:rgba(255,255,255,.05);color:#fff}.header-actions{gap:10px}

.em6-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#111632 0%,#1c1842 40%,#142349 100%);color:#fff;padding:42px 0 18px}
.em6-grid-pattern{position:absolute;inset:0;background:radial-gradient(circle at 18% 22%,rgba(67,234,208,.14),transparent 24%),radial-gradient(circle at 85% 15%,rgba(112,89,255,.16),transparent 28%),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:auto,auto,42px 42px,42px 42px;opacity:.9}
.em6-hero-wrap{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:28px;align-items:stretch}
.em6-hero-copy{padding:10px 0 8px}.em6-kicker{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:900;letter-spacing:1.45px;text-transform:uppercase;color:#91e9df}.em6-hero-copy h1{font-size:52px;line-height:1.02;letter-spacing:-1.8px;max-width:700px;margin:14px 0 14px}.em6-hero-copy h1 em{font-style:normal;color:#59e7dc}.em6-hero-copy p{max-width:650px;font-size:15px;line-height:1.55;color:#cad4e6;margin:0 0 20px}
.em6-search{max-width:640px;display:grid;grid-template-columns:1fr auto;gap:0;background:#fff;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:6px;box-shadow:0 22px 40px rgba(0,0,0,.12)}.em6-search input{border:0;outline:0;background:transparent;color:#1e2430;padding:13px 16px;font-size:14px}.em6-search button{border:0;border-radius:12px;background:linear-gradient(90deg,#26d8c8,#1bb1d7);padding:0 24px;font-size:12px;font-weight:900;color:#082c36;cursor:pointer}
.em6-bullets{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.em6-bullets span{font-size:11px;font-weight:850;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#e3eef8}.em6-hero-note{margin-top:12px;color:#91a5c4;font-size:12px}
.em6-hero-side{position:relative;z-index:2;border-radius:22px;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.10);box-shadow:0 24px 50px rgba(5,8,25,.18);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:14px;min-height:100%}
.em6-panel-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.em6-panel-head small{display:block;font-size:10px;color:#90e9e0;text-transform:uppercase;letter-spacing:1.15px;font-weight:900}.em6-panel-head strong{display:block;font-size:17px;line-height:1.25;margin-top:4px}.em6-live-pill{font-size:10px;font-weight:900;padding:6px 10px;border-radius:999px;background:#31e4cf;color:#10333d;white-space:nowrap}
.em6-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.em6-stat-box{padding:14px 12px;border-radius:16px;background:rgba(8,17,39,.48);border:1px solid rgba(255,255,255,.07)}.em6-stat-box strong{display:block;font-size:29px;line-height:1}.em6-stat-box span{display:block;margin-top:7px;font-size:10px;color:#9db1cb;font-weight:800;line-height:1.3}
.em6-spotlight{display:block;padding:14px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.09);color:#fff}.em6-spotlight:hover{border-color:rgba(67,234,208,.42)}.em6-spotlight-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.em6-spotlight-top small{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#aab9d1;font-weight:900}.em6-spot-status{font-size:10px;font-weight:850;display:flex;align-items:center;gap:5px}.em6-spot-status i{width:7px;height:7px;border-radius:50%;background:currentColor}.em6-spot-status.good{color:#44e2a5}.em6-spot-status.warn{color:#ffc456}.em6-spot-status.bad{color:#ff8f9b}.em6-spot-status.muted{color:#b6c2d2}.em6-spot-core{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center}.em6-spot-logo{width:52px;height:52px;border-radius:14px;background:#fff;color:#24335b;display:grid;place-items:center;font-weight:950;overflow:hidden}.em6-spot-logo img{width:100%;height:100%;object-fit:cover}.em6-spot-text{display:grid;min-width:0}.em6-spot-text strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.em6-spot-text span{font-size:11px;color:#a8b5ca;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.em6-spot-rate{min-width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(10,17,38,.55);border:1px solid rgba(67,234,208,.35);font-size:15px;color:#fff}

.em6-shortcuts{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.em6-shortcut{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:14px 15px;border-radius:16px;background:#fff;border:1px solid rgba(33,45,70,.08);box-shadow:0 16px 28px rgba(15,22,40,.08);color:#182134}.em6-shortcut:hover{transform:translateY(-2px);box-shadow:0 20px 32px rgba(15,22,40,.11)}.em6-shortcut-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#edf7ff,#e8fffb);color:#0b8090;font-size:18px;font-weight:900;border:1px solid #dcebf2}.em6-shortcut-copy{display:grid;gap:2px;min-width:0}.em6-shortcut-copy strong{font-size:14px;color:#162035;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.em6-shortcut-copy small{font-size:11px;color:#738099;line-height:1.3}.em6-shortcut-arrow{font-size:20px;color:#17aabc}

.em6-directory{padding-top:34px;background:#eef2f7}.v5-directory-bar{margin-bottom:12px}.v5-directory-title span{color:#0c96a2}.v5-directory-title h2{font-size:30px;letter-spacing:-.7px}.v5-search{width:360px;border-radius:14px;padding:5px;background:#fff;box-shadow:0 12px 25px rgba(18,28,43,.06)}.v5-search input{font-size:12px}.v5-search button{background:linear-gradient(90deg,#132547,#23567f);border-radius:10px;font-size:10px;padding:9px 18px}
.v5-filter-row{border-radius:16px;box-shadow:0 10px 20px rgba(20,30,45,.04)}.v5-chip.active{background:#10284a;border-color:#10284a}.v5-status-chip.active{background:#dcf8f4;border-color:#bcefe6;color:#0a7e6d}
.v5-card-grid{gap:16px}.v5-site-card{border-radius:17px;border-color:#dbe3ec;box-shadow:0 14px 28px rgba(20,31,48,.06)}.v5-card-accent,.v5-site-card.is-top .v5-card-accent{background:linear-gradient(90deg,#1dc3d1,#2b89d8)}.v5-logo{background:linear-gradient(145deg,#f2fbff,#edf7f7);color:#154474}.v5-name h3 a:hover{color:#1675aa}.v5-badges .top{background:#1d3157}.v5-badges .featured{background:#def8f2;color:#087e67}.v5-badges .new{background:#e8f2ff;color:#2a6fb5}.v5-highlight{background:#f1f7fb;color:#274055;border:1px solid #e0ebf2}.v5-proof{background:linear-gradient(180deg,#f8fbfd,#ffffff);border-color:#dbe8f0}.v5-proof-title span{color:#176f8f}.v5-proof-value strong{color:#155476}.v5-review{background:#f5f8fb}.v5-earn{background:linear-gradient(90deg,#10284a,#20689a)}

@media(max-width:1120px){.em6-hero-copy h1{font-size:46px}.em6-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.v5-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.em6-hero{padding-top:34px}.em6-hero-wrap{grid-template-columns:1fr}.em6-hero-copy h1{font-size:40px;max-width:none}.em6-hero-side{min-height:auto}.em6-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.v5-search{width:100%}}
@media(max-width:620px){.topbar-inner{height:58px}.em6-hero-copy h1{font-size:32px;letter-spacing:-1.1px}.em6-hero-copy p{font-size:13px}.em6-search{grid-template-columns:1fr;gap:8px;padding:8px}.em6-search button{height:42px}.em6-stats{grid-template-columns:1fr 1fr 1fr}.em6-shortcuts{grid-template-columns:1fr}.v5-directory-title h2{font-size:24px}.v5-card-grid{grid-template-columns:1fr}.em6-panel-head{flex-direction:column}.em6-live-pill{align-self:flex-start}}

/* ===== EarnMon v7: catalog-first layout ===== */
.v7-topbar{background:#120f26;border-bottom:1px solid rgba(255,255,255,.08)}
.v7-topbar-inner{height:58px;gap:18px}.v7-brand{min-width:190px}.v7-brand .brand-mark{border-color:rgba(71,230,213,.55);background:linear-gradient(145deg,rgba(28,211,196,.14),rgba(67,101,217,.16))}.v7-brand .brand-mark:before{background:linear-gradient(90deg,#3de6d6,#73a9ff);box-shadow:5px -5px 0 -.5px #3de6d6,10px -1px 0 -.5px #73a9ff}.v7-brand strong{font-size:19px}.v7-brand small{font-size:7px;letter-spacing:1.5px;color:#a5a0bd}.v7-nav{gap:2px}.v7-nav a{font-size:11px;padding:8px 9px;color:#c5bfd3}.v7-nav a:hover{background:rgba(255,255,255,.06);color:#fff}.v7-nav .nav-hot{color:#38e0d2}.v7-actions{margin-left:auto}.v7-actions .lang-switch{border-color:rgba(255,255,255,.13)}.v7-actions .lang-switch a.active{background:#38ded1;color:#0d2531}

.v7-hero{position:relative;overflow:hidden;background:linear-gradient(118deg,#172a4a 0%,#243768 48%,#3f2e75 100%);color:#fff;padding:36px 0 0}.v7-hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 15%,rgba(76,230,214,.11),transparent 25%),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:auto,54px 54px}.v7-hero-main{position:relative;z-index:2;display:grid;grid-template-columns:170px minmax(0,1fr) 170px;gap:38px;align-items:center}.v7-center{text-align:center;padding:8px 0 44px}.v7-kicker{font-size:9px;letter-spacing:1.25px;font-weight:900;text-transform:uppercase;color:#a8ece4}.v7-center h1{font-size:38px;line-height:1.05;letter-spacing:-1.3px;margin:13px auto 10px;max-width:700px}.v7-center h1 em{font-style:normal;color:#5de6d8}.v7-center p{font-size:12px;line-height:1.55;color:#d8dfec;max-width:650px;margin:0 auto}.v7-hero-points{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:16px;font-size:10px;font-weight:850;color:#fff}
.v7-adbox{height:128px;border-radius:18px;border:1px dashed rgba(255,255,255,.25);background:rgba(9,15,38,.28);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}.v7-adbox span{font-size:8px;font-weight:950;letter-spacing:1px;color:#48e1d4;background:rgba(72,225,212,.12);border:1px solid rgba(72,225,212,.25);padding:4px 7px;border-radius:999px}.v7-adbox strong{font-size:14px;margin-top:9px}.v7-adbox small{font-size:8px;color:#aab5c8;margin-top:4px}.v7-adbox-alt{background:rgba(23,14,54,.30)}
.v7-feature-row{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;transform:translateY(26px)}.v7-feature{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;min-height:76px;padding:12px 13px;border-radius:15px;background:#fff;color:#182034;border:1px solid rgba(22,32,55,.08);box-shadow:0 16px 32px rgba(11,18,39,.12)}.v7-feature:hover{transform:translateY(-2px)}.v7-feature-logo{width:46px;height:46px;border-radius:12px;background:linear-gradient(145deg,#edf9f8,#eef2ff);display:grid;place-items:center;overflow:hidden;color:#24567b;font-size:11px;font-weight:950;border:1px solid #e0e7ee}.v7-feature-logo img{width:100%;height:100%;object-fit:cover}.v7-feature-copy{display:grid;min-width:0}.v7-feature-copy small{font-size:7px;color:#278b93;text-transform:uppercase;font-weight:950;letter-spacing:.5px}.v7-feature-copy strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v7-feature-copy span{font-size:8px;color:#8490a1}.v7-feature-state{font-size:8px;font-weight:850;display:flex;align-items:center;gap:5px;white-space:nowrap}.v7-feature-state i{width:6px;height:6px;border-radius:50%;background:currentColor}.v7-feature-state.good{color:#17a677}.v7-feature-state.warn{color:#d89220}.v7-feature-state.bad{color:#df4b63}.v7-feature-state.muted{color:#8792a4}

.v7-directory{background:#eaf0f5;color:#182033;padding:54px 0 64px}.v7-directory-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:12px}.v7-section-label{display:block;color:#248e96;font-size:8px;letter-spacing:1.25px;font-weight:950;text-transform:uppercase}.v7-directory-head h2{font-size:27px;line-height:1.05;margin:5px 0 0;letter-spacing:-.65px}.v7-search{width:330px;display:grid;grid-template-columns:1fr auto;background:#fff;border:1px solid #dbe2ea;border-radius:11px;padding:4px;box-shadow:0 7px 18px rgba(25,37,55,.05)}.v7-search input{min-width:0;border:0;outline:0;background:transparent;padding:8px 10px;font-size:11px;color:#202a3a}.v7-search button{border:0;border-radius:8px;background:#233e67;color:#fff;padding:8px 16px;font-size:9px;font-weight:950;cursor:pointer}
.v7-filterbox{background:#fff;border:1px solid #dce3eb;border-radius:14px;padding:9px 11px;margin-bottom:16px;box-shadow:0 8px 20px rgba(24,34,50,.04)}.v7-cats,.v7-statuses{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.v7-statuses{border-top:1px solid #e7ebf0;margin-top:8px;padding-top:8px}.v7-chip,.v7-status-chip{font-size:9px;font-weight:850;color:#5d6878;background:#f7f9fb;border:1px solid #e3e8ee;border-radius:8px;padding:6px 9px;white-space:nowrap}.v7-chip.active{background:#20395f;border-color:#20395f;color:#fff}.v7-status-chip.active{background:#dff8f3;border-color:#bdece2;color:#0b806d}.v7-found{margin-left:auto;color:#7f8998;font-size:9px}

.v7-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;align-items:stretch}.v7-card{position:relative;min-width:0;background:#fff;border:1px solid #dce3eb;border-radius:16px;padding:15px 14px 13px;box-shadow:0 11px 24px rgba(28,39,58,.06);overflow:hidden;display:flex;flex-direction:column}.v7-card-topline{position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#1dbabf,#2f83d5)}.v7-card.is-top .v7-card-topline{background:linear-gradient(90deg,#f2b33a,#f9d46b)}.v7-card-head{display:flex;align-items:center;gap:9px;min-height:50px}.v7-logo{width:44px;height:44px;flex:none;border-radius:11px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#eef8fb,#eff4ff);border:1px solid #e1e7ed;color:#245276;font-weight:950;font-size:11px}.v7-logo img{width:100%;height:100%;object-fit:cover}.v7-title{min-width:0;flex:1}.v7-title h3{font-size:15px;line-height:1.05;margin:0 0 4px}.v7-title h3 a:hover{color:#1f6f9b}.v7-title small{display:block;color:#7a8797;font-size:7.5px;font-weight:800;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v7-tags{display:flex;flex-direction:column;gap:3px;align-items:flex-end}.v7-tags b{font-size:6px;padding:3px 5px;border-radius:999px}.tag-top{background:#253a60;color:#fff}.tag-featured{background:#dcf7ef;color:#087c67}.tag-new{background:#e9f2ff;color:#2d6eb2}
.v7-status-row{display:grid;grid-template-columns:auto auto 1fr;gap:7px;align-items:center;border-top:1px solid #e6ebf0;border-bottom:1px solid #e6ebf0;padding:8px 0;margin:9px 0}.v7-state{display:flex;align-items:center;gap:5px;font-size:8.5px;font-weight:900}.v7-state i{width:6px;height:6px;border-radius:50%;background:currentColor}.v7-state.good{color:#18a777}.v7-state.warn{color:#d18a21}.v7-state.bad{color:#df4d62}.v7-state.muted{color:#8793a4}.v7-rating{font-size:8.5px;font-weight:900;color:#ce8d1c}.v7-uptime{justify-self:end;font-size:7.5px;color:#8a95a5;white-space:nowrap}.v7-highlight{background:#eef7fb;border:1px solid #deebf0;color:#2b4659;border-radius:9px;padding:7px 8px;font-size:9.5px;line-height:1.3;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v7-list{list-style:none;padding:0;margin:9px 0 10px;display:grid;gap:7px}.v7-list li{display:grid;grid-template-columns:14px 1fr;gap:5px;font-size:9.5px;line-height:1.25;color:#293547}.v7-list li>span{color:#159f82;font-weight:950}.v7-list b{font-weight:850}.v7-proof{margin-top:auto;background:#f7f9fc;border:1px solid #e2e8ef;border-radius:10px;padding:8px}.v7-proof-head{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #e4e9ef;padding-bottom:6px;margin-bottom:6px}.v7-proof-head span{font-size:7px;text-transform:uppercase;letter-spacing:.45px;color:#26708d;font-weight:950}.v7-proof-head small{font-size:7px;color:#8792a1}.v7-proof-main{display:flex;justify-content:space-between;gap:8px;align-items:center}.v7-proof-main span{font-size:8.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v7-proof-main strong{font-size:10px;color:#1d5779;white-space:nowrap}.v7-proof-main.muted{color:#8b96a5}.v7-proof-main.muted strong{color:#8b96a5}.v7-actions-row{display:grid;grid-template-columns:.8fr 1.2fr;gap:7px;margin-top:9px}.v7-more,.v7-go{height:33px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:8.5px;font-weight:950}.v7-more{background:#f7f9fb;border:1px solid #dde4eb;color:#344255}.v7-go{background:linear-gradient(90deg,#223d65,#285f87);color:#fff}.v7-go span{margin-left:5px}

:root[data-theme="dark"] .v7-directory{background:#0b1220;color:#e8eef6}:root[data-theme="dark"] .v7-search,:root[data-theme="dark"] .v7-filterbox,:root[data-theme="dark"] .v7-card,:root[data-theme="dark"] .v7-feature{background:#111c2d;border-color:#253349;color:#e8eef6}:root[data-theme="dark"] .v7-search input{color:#e8eef6}:root[data-theme="dark"] .v7-chip,:root[data-theme="dark"] .v7-status-chip,:root[data-theme="dark"] .v7-more{background:#182437;border-color:#29384f;color:#b9c5d5}:root[data-theme="dark"] .v7-chip.active{background:#274d73;border-color:#274d73;color:#fff}:root[data-theme="dark"] .v7-status-row{border-color:#27354a}:root[data-theme="dark"] .v7-highlight{background:#18283b;border-color:#27384d;color:#dce7f2}:root[data-theme="dark"] .v7-proof{background:#172236;border-color:#29384d}:root[data-theme="dark"] .v7-proof-head{border-color:#2a394e}:root[data-theme="dark"] .v7-list li{color:#d8e1ec}:root[data-theme="dark"] .v7-title small,:root[data-theme="dark"] .v7-found,:root[data-theme="dark"] .v7-uptime{color:#94a3b8}

@media(max-width:1120px){.v7-hero-main{grid-template-columns:150px 1fr 150px;gap:24px}.v7-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.v7-hero-main{grid-template-columns:1fr}.v7-adbox{display:none}.v7-center{padding-bottom:28px}.v7-feature-row{grid-template-columns:repeat(2,minmax(0,1fr))}.v7-feature:nth-child(3){display:none}.v7-directory-head{flex-direction:column;align-items:flex-start}.v7-search{width:100%}.v7-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.v7-topbar-inner{height:56px}.v7-nav{display:none}.v7-brand{min-width:0}.v7-actions{margin-left:auto}.v7-center h1{font-size:31px}.v7-center p{font-size:11px}.v7-hero-points{font-size:8px;gap:9px}.v7-feature-row{grid-template-columns:1fr}.v7-feature:nth-child(n+2){display:none}.v7-directory{padding-top:48px}.v7-cats,.v7-statuses{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.v7-found{white-space:nowrap}.v7-grid{grid-template-columns:1fr}.v7-directory-head h2{font-size:23px}.theme-toggle{display:none}}