/* Point Pool shared/global stylesheet v46. Pool-specific UI is in assets/css/pool-pages.css. */
/* Point Pool unified stylesheet v45. One global CSS file for user, public, landing and admin pages. *//* Point Pool shared UI system v22
 * Kept intentionally light: page-specific components retain their own styles,
 * while this file standardizes interaction, loading, pagination, accessibility,
 * ads and subtle motion across the user/admin surfaces.
 */:root{--pp-focus:rgba(45,213,223,.5);--pp-surface:rgba(255,255,255,.035);--pp-line:rgba(255,255,255,.09);--pp-muted:#8492ad;--pp-success:#83efc2;--pp-danger:#ff9db2}
html{scroll-behavior:smooth}
:focus-visible{outline:2px solid var(--pp-focus);outline-offset:2px}
button,[role=button],a{transition:transform .16s ease,opacity .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}
button:disabled{cursor:not-allowed;opacity:.58}
button:not(:disabled):active,[role=button]:active,a:active{transform:translateY(1px)}
[data-loading=true]{pointer-events:none;position:relative;opacity:.72}
[data-loading=true]::after{content:"";position:absolute;inset:auto 12px 8px auto;width:34px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--pp-focus),transparent);animation:ppShimmer 1s linear infinite}
.skeleton{position:relative;overflow:hidden;color:transparent!important;background:rgba(255,255,255,.045)!important;border-color:transparent!important}
.skeleton::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:ppShimmer 1.25s linear infinite}
.pp-ad-safe{display:flex;justify-content:center;align-items:center;max-width:100%;overflow:hidden}
.pp-ad-safe img,.pp-ad-safe iframe,.pp-ad-safe video{display:block;max-width:100%;height:auto;border:0}
.pp-empty{padding:22px;text-align:center;border:1px dashed rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.02)}
.pp-empty strong{display:block;font-size:13px}
.pp-empty span{display:block;margin-top:4px;color:#77859f;font-size:10px;line-height:1.5}
@keyframes ppShimmer{
to{transform:translateX(120%)}

}
@keyframes ppToastIn{
from{opacity:0;transform:translateY(-8px)}
to{opacity:1;transform:translateY(0)}

}
@keyframes ppToastOut{
to{opacity:0;transform:translateY(-6px)}

}
@keyframes ppPulse{
50%{box-shadow:0 0 0 6px rgba(49,211,159,.02)}

}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}

}
/* Admin operations console */.admin-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.admin-settings-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.admin-lifecycle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.admin-analytics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.admin-lifecycle-grid .feature,.admin-analytics-grid .feature{min-width:0}
.admin-lifecycle-grid .feature span,.admin-analytics-grid .feature span{display:block;color:#8c9ab4;font-size:10px;text-transform:uppercase;letter-spacing:.06em;line-height:1.4}
.admin-lifecycle-grid .feature strong,.admin-analytics-grid .feature strong{display:block;font-size:14px;margin-top:5px}
.admin-lifecycle-grid .feature small{display:block;color:#738199;font-size:9px;margin-top:3px}
@media(max-width:1000px){
.admin-lifecycle-grid{grid-template-columns:1fr 1fr}
.admin-analytics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.admin-settings-grid,.admin-settings-grid-3{grid-template-columns:1fr 1fr}

}
@media(max-width:650px){
.admin-lifecycle-grid,.admin-analytics-grid,.admin-settings-grid,.admin-settings-grid-3{grid-template-columns:1fr}

}
/* v25 scale-safe UI utilities */.pp-grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.pp-sticky-head{position:sticky;top:0;z-index:2;background:rgba(9,14,25,.96);backdrop-filter:blur(10px)}
.pp-no-scroll{overflow:hidden}
.pp-table-compact .table th,.pp-table-compact .table td{padding:9px 8px;font-size:10px}
.pp-status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;border:1px solid var(--pp-line);font-size:9px;font-weight:900}
.pp-status.good{color:#9df0cf;border-color:rgba(49,211,159,.24);background:rgba(49,211,159,.07)}
.pp-status.warn{color:#f8d47e;border-color:rgba(248,193,91,.24);background:rgba(248,193,91,.07)}
.pp-status.info{color:#b8d7ff;border-color:rgba(108,155,255,.2);background:rgba(108,155,255,.07)}
@media(max-width:760px){
.pp-grid-auto{grid-template-columns:1fr 1fr}
.pp-table-compact .table{min-width:620px}

}
/* v41 local feedback: user actions report inside the relevant page/component, never as a floating top-left toast. */.pp-inline-feedback{display:flex;gap:7px;align-items:baseline;margin:10px 0 0;padding:10px 12px;border:1px solid var(--pp-line);border-radius:11px;background:rgba(255,255,255,.025);color:#9aa8bf;font-size:10px;line-height:1.45}
.pp-inline-feedback strong{color:#dce7f7;font-size:10px}
.pp-inline-feedback span{color:#8e9bb2}
.pp-inline-feedback.success{border-color:rgba(49,211,159,.22);background:rgba(49,211,159,.055)}
.pp-inline-feedback.success strong{color:#a9f6d6}
.pp-inline-feedback.danger{border-color:rgba(255,127,154,.24);background:rgba(120,24,49,.12)}
.pp-inline-feedback.danger strong{color:#ffd7df}
/* v41: keep the primary nav close to the browser chrome; local feedback never floats. */.app{padding-top:6px}
@media(max-width:680px){
.app{padding-top:4px}

}
:root{
  --bg:#05070d;--bg2:#080d17;--panel:rgba(13,18,31,.84);--panel2:rgba(9,14,25,.92);
  --line:rgba(255,255,255,.085);--line2:rgba(255,255,255,.13);--text:#edf2ff;--muted:#91a0bb;
  --a:#8b6cff;--b:#2dd4df;--good:#31d39f;--warn:#f8c15b;--danger:#ff7f9a;
  --shadow:0 24px 70px rgba(0,0,0,.32);--radius:20px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top,#1a2340 0,#05070d 50%,#04060a 100%)}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
.app{width:min(1480px,96vw);margin:0 auto;padding:6px 0 50px}
.nav{position:sticky;top:6px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 14px;background:rgba(8,12,22,.86);border:1px solid var(--line);border-radius:17px;backdrop-filter:blur(18px);box-shadow:0 10px 30px rgba(0,0,0,.2)}
.brand{display:flex;align-items:center;gap:10px;min-width:0}
.brandmark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--a),var(--b));color:#061018;font-weight:950}
.brandtext{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:900}
.navlinks{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:center}
.navlinks a{padding:9px 11px;border-radius:11px;color:#aab5ca;font-size:12px;font-weight:800}
.navlinks a.active,.navlinks a:hover{color:#fff;background:rgba(255,255,255,.06)}
.navright{display:flex;gap:8px;align-items:center}
.nav-pill{font-size:11px;font-weight:900;color:#b9c6dd;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.035)}
.nav-form{margin:0}
.iconbtn{border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:800}
.page{margin-top:14px}
.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#7f8da8;font-weight:900}
.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:10px 0 18px}
.hero h1{margin:5px 0 0;font-size:clamp(23px,3vw,34px);line-height:1.05}
.muted{color:var(--muted);line-height:1.6}
.top-ad{display:flex;justify-content:center;align-items:center;margin:14px 0 18px;min-height:12px}
.ad-720{width:min(720px,100%);text-align:center;overflow:hidden}
.desktop-grid{display:grid;grid-template-columns:300px minmax(0,1fr) 300px;gap:16px;align-items:start}
.center{min-width:0}
.side-ad{width:300px;max-width:100%;display:flex;justify-content:center;align-items:flex-start;overflow:hidden}
.ad-box{border:1px solid var(--line);background:rgba(0,0,0,.12);border-radius:16px;padding:8px;overflow:hidden;max-width:100%}
.ad-box img,.ad-box iframe,.ad-box video{max-width:100%;height:auto}
.ad-720 img,.ad-720 iframe,.ad-720 video{max-width:100%;height:auto}
.ad-label{font-size:8px;letter-spacing:.16em;color:#5d6a84;text-transform:uppercase;margin-bottom:7px;text-align:center}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.card+.card{margin-top:14px}
.pad{padding:18px}
.progress{height:13px;background:#0a101b;border:1px solid var(--line);border-radius:999px;overflow:hidden;margin:15px 0 10px}
.progress>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--a),var(--b));transition:width .4s ease}
.mini{padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}
.mini-label{font-size:9px;color:#74829d;text-transform:uppercase;letter-spacing:.12em}
.mini-value{font-size:17px;font-weight:900;margin-top:4px}
.coin{color:#9eeff4}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.stat{padding:16px}
.stat .label{font-size:10px;color:#7f8da8;text-transform:uppercase;letter-spacing:.1em}
.stat .value{font-size:23px;font-weight:950;margin-top:5px}
.stat .sub{font-size:10px;color:#6f7e98;margin-top:3px}
.timer{font-size:28px;font-weight:950;letter-spacing:.03em}
.timer.good{color:#8ef0ca}
.timer.warn{color:#f8d57d}
.quiz{font-size:27px;font-weight:950;text-align:center;margin:8px 0 16px}
.options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.option{position:relative}
.option input{position:absolute;opacity:0}
.option label{display:grid;place-items:center;min-height:38px;padding:8px 6px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.03);text-align:center;font-weight:900;font-size:12px;cursor:pointer}
.option input:checked+label{border-color:rgba(139,108,255,.7);background:rgba(139,108,255,.14);box-shadow:0 0 0 2px rgba(139,108,255,.1)}
.method-switch{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.method-switch label{cursor:pointer}
.method-switch input{display:none}
.method-switch span{display:block;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);font-size:11px;font-weight:900;color:#a8b3c8}
.method-switch input:checked+span{border-color:rgba(45,212,223,.55);background:rgba(45,212,223,.08);color:#dffcff}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:12px 15px;font-weight:950;cursor:pointer}
.btn-primary{background:linear-gradient(135deg,var(--a),var(--b));color:#051017}
.btn-soft{background:rgba(255,255,255,.05);border:1px solid var(--line);color:#fff}
.btn-block{width:100%}
.note{padding:11px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:#a6b2c9;font-size:11px;line-height:1.5}
.notice{padding:12px 14px;border-radius:12px;margin:0 0 14px;font-size:12px}
.notice.success{color:#c9ffe9;border:1px solid rgba(49,211,159,.24);background:rgba(6,78,59,.22)}
.notice.danger{color:#ffd7df;border:1px solid rgba(255,127,154,.25);background:rgba(120,24,49,.2)}
.mobile-only{display:none}
.spacer14{height:14px}
.amount-plus{color:#83efc2;font-weight:950}
.amount-muted{color:#a9b4c9;font-weight:900}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:12px}
.section-head h2{margin:3px 0 0;font-size:18px}
.section-head p{margin:0;color:#7f8da7;font-size:10px}
.table-wrap{overflow:auto}
.table{width:100%;border-collapse:collapse;min-width:680px}
.table th,.table td{padding:11px 9px;border-bottom:1px solid var(--line);text-align:left;font-size:11px;vertical-align:middle}
.table th{color:#73819d;text-transform:uppercase;letter-spacing:.08em;font-size:9px}
.rank{font-weight:950}
.rank.top1,.rank.top2,.rank.top3,.rank.top4,.rank.top5{background:linear-gradient(90deg,rgba(139,108,255,.09),rgba(45,212,223,.025))}
.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.03);font-size:9px;font-weight:950}
.highlight{border-color:rgba(248,193,91,.3);background:rgba(248,193,91,.07);color:#f8d57d}
.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rule-card{padding:14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.022)}
.rule-card h3{font-size:12px;margin:0 0 10px}
.rule-list{display:grid;gap:7px}
.rule-line{display:flex;justify-content:space-between;gap:10px;font-size:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.rule-line:last-child{border-bottom:0}
.auth-wrap{width:min(520px,94vw);margin:45px auto}
.auth-card{padding:24px}
.auth-card h1{font-size:28px;margin:7px 0}
.auth-form{display:grid;gap:12px;margin-top:18px}
.auth-form label{display:grid;gap:7px;font-size:11px;color:#9aa8c0}
.input,.select,.textarea{width:100%;padding:12px 13px;border-radius:12px;background:#09101c;border:1px solid var(--line);color:#fff;outline:none}
.input:focus,.select:focus,.textarea:focus{border-color:rgba(139,108,255,.7)}
.textarea{min-height:130px;resize:vertical}
.section-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.section-grid .card{padding:18px}
.snapshot .stat{min-height:112px}
.snapshot .label{font-size:9px}
.snapshot .value{font-size:21px}
.value-sub{display:block;color:#7d8aa3;font-size:10px;margin-top:5px}
.ad-mobile-wrap{width:100%;max-width:100%;display:flex;justify-content:center;overflow:hidden}
.mobile-ad{box-sizing:border-box;width:min(420px,100%);max-width:100%;overflow:hidden;text-align:center;padding:7px}
.mobile-ad .ad-inner{display:block;max-width:100%;overflow:hidden}
.mobile-ad img,.mobile-ad iframe,.mobile-ad video{max-width:100%;height:auto}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}
.feature{padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}
.feature strong{display:block;font-size:12px}
.feature span{display:block;font-size:10px;color:#76849d;margin-top:4px;line-height:1.5}
.metric-large{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.metric-large .mini-value{font-size:20px}
.notice-board{padding:13px}
.notice-board h3{margin:0 0 6px;font-size:13px}
.history-title{margin:0 0 4px;font-size:21px}
.page-card{padding:18px}
.forms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.small-muted{font-size:10px;color:#74819a}
.withdraw-box{padding:20px}
.footer{margin-top:28px;text-align:center;color:#5d6b84;font-size:10px}
.hidden{display:none!important}
/* Premium compact dashboard: prioritize all core information before Recent personal activity. */@media(max-width:1180px){
.desktop-grid{grid-template-columns:1fr}
.side-ad{display:none}
.stats{grid-template-columns:repeat(2,1fr)}
.navlinks{display:flex;overflow:auto;flex-wrap:nowrap;justify-content:flex-end;max-width:60vw;scrollbar-width:none}
.navlinks::-webkit-scrollbar{display:none}
.feature-grid{grid-template-columns:repeat(3,1fr)}

}
@media(max-width:720px){
.app{width:94vw}
.navlinks{display:none}
.top-ad{display:none}
.mobile-only{display:block}
.hero{margin-top:10px}
.hero h1{font-size:25px}
.stats{grid-template-columns:repeat(2,1fr)}
.options{grid-template-columns:1fr 1fr}
.feature-grid{grid-template-columns:1fr}
.navright .nav-pill{display:none}
.ad-mobile-wrap{display:flex;justify-content:center}
.mobile-ad{width:min(420px,100%);max-width:100%;overflow:hidden;text-align:center;padding:7px}
.mobile-ad .ad-inner{display:block;max-width:100%;overflow:hidden}
.card{border-radius:17px}

}
.page-shell{max-width:1180px;margin:0 auto}
.premium-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.quick-actions .btn{min-height:38px}
.status-good{color:#bdf7dc}
.status-warn{color:#ffe3aa}
.status-danger{color:#ffd5de}
.withdraw-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}
.withdraw-summary .mini-card{padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}
.modal-backdrop{position:fixed;inset:0;z-index:80;display:none;place-items:center;background:rgba(2,5,11,.78);backdrop-filter:blur(8px);padding:16px}
.modal-backdrop.show{display:grid}
.modal{width:min(520px,100%);padding:23px;border-radius:22px;background:#0c1220;border:1px solid var(--line2);box-shadow:0 30px 90px rgba(0,0,0,.5)}
.modal h3{margin:0 0 6px;font-size:22px}
.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}
.modal-item{padding:11px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}
.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.mobile-bottom-nav{display:none}
@media(max-width:640px){
.modal-grid{grid-template-columns:1fr}
.mobile-bottom-nav{display:flex;position:fixed;left:10px;right:10px;bottom:10px;z-index:40;padding:7px;border:1px solid var(--line2);border-radius:17px;background:rgba(7,11,20,.92);backdrop-filter:blur(17px);justify-content:space-around;box-shadow:0 18px 55px rgba(0,0,0,.35)}
.mobile-bottom-nav a{font-size:10px;color:#aab5c9;padding:8px 7px;border-radius:10px;text-align:center}
.mobile-bottom-nav a.active{background:rgba(139,108,255,.14);color:#fff}
.app{padding-bottom:95px}

}
/* Premium dashboard v7: compact command-center hierarchy */.rank-icon{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:rgba(139,108,255,.10);border:1px solid rgba(139,108,255,.16);color:#cfc5ff;font-weight:950;font-size:11px}
.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}
.verification-switch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.verification-switch-row>div:first-child{display:flex;flex-direction:column;gap:2px}
.verification-switch-row strong{font-size:9px}
.verification-switch-row span{font-size:8px;color:#6f7e98}
.verification-switch-row .method-switch{margin:0}
.quick-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:rgba(45,212,223,.07);border:1px solid rgba(45,212,223,.10);color:#a8edf2;font-size:10px;font-weight:950}
.premium-activity-row{grid-template-columns:30px 1fr auto auto!important;gap:9px!important;padding:9px 0}
.premium-activity-row .amount-plus,.premium-activity-row .time{font-size:9px}
@media(max-width:720px){
.premium-activity-row{grid-template-columns:28px 1fr auto!important}
.premium-activity-row .time{grid-column:2!important}
.premium-activity-row .amount-plus{grid-column:3;grid-row:1}

}
/* v8 UX refinements: personal dashboard + dedicated live pool + contextual feedback */.quick-quiz-card .small-muted{font-size:8px}
.quick-quiz-card .quiz{font-size:18px;margin:5px 0 8px}
.quick-quiz-card .options{gap:6px}
.quick-quiz-card .option label{min-height:34px;padding:7px 4px;font-size:11px}
@media(max-width:1200px){
.navlinks a{padding-left:9px;padding-right:9px}

}
.toast{grid-template-columns:24px 1fr auto}
.toast-copy strong{font-size:11px}
.quick-quiz-card .options{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.quick-quiz-card .option label{min-height:32px;padding:6px 3px;font-size:10px}
.mobile-bottom-nav a:nth-child(3){display:flex}
.mobile-bottom-nav a{font-size:10px}
/* Dashboard v12: user 360 layout, live metrics and ad-safe placements *//* Live Pool v11: single quiz location + dual live feeds */.quick-quiz-full{grid-column:1}
.quick-bonus-chip{font-size:8px;color:#9cf4d1;border:1px solid rgba(49,211,159,.18);background:rgba(49,211,159,.06);padding:7px 8px;border-radius:9px}
.pp-inline-feedback{margin-top:10px;padding:10px 12px;border:1px solid var(--pp-line);border-radius:11px;background:rgba(255,255,255,.025);color:#aeb9cd;font-size:10px;line-height:1.45;animation:ppInlineIn .2s ease}
.pp-inline-feedback.success{border-color:rgba(49,211,159,.22);color:#c9ffea;background:rgba(49,211,159,.06)}
.pp-inline-feedback.danger{border-color:rgba(255,127,154,.24);color:#ffd9e1;background:rgba(120,24,49,.12)}
@keyframes ppInlineIn{
from{opacity:0;transform:translateY(-4px)}
to{opacity:1;transform:translateY(0)}

}
@media(max-width:680px){
.quick-quiz-full{grid-column:auto}

}
/* Live Pool v16: paginated dual feeds + paginated leaderboards, no internal feed scroll *//* Pool History v17: pool-wide archive + on-demand reward details */.modal-open{overflow:hidden}
/* Point Pool Faucet — premium public landing page */.earning-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:20px;padding:11px 13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);color:#aab7cc;font-size:10px;font-weight:800}
.earning-flow span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.earning-flow b{color:#73dfe8;font-size:8px;letter-spacing:.08em}
.earning-flow i{font-style:normal;color:#58667f}
.feature{min-height:112px}
.feature-icon{display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(45,212,223,.22);border-radius:8px;background:rgba(45,212,223,.06);color:#84eaf0;margin-bottom:8px;font-size:11px;font-weight:950}
.rule-kicker{font-size:10px;font-weight:900;color:#c9d2e5}
.why-join-block{margin-top:auto;padding-top:24px}
.why-join-title{font-size:21px;font-weight:950;margin:7px 0 12px}
.why-join-list{display:grid;gap:7px}
.why-join-list>div{display:flex;align-items:flex-start;gap:10px;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.024)}
.why-join-list>div>span{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:rgba(139,108,255,.1);border:1px solid rgba(139,108,255,.18);color:#b9abff;font-size:9px;font-weight:950;flex:0 0 auto}
.why-join-list p{margin:0}
.why-join-list strong{display:block;font-size:11px}
.why-join-list small{display:block;color:#70809a;font-size:9px;line-height:1.45;margin-top:2px}
.process-grid{display:grid;grid-template-columns:1.45fr .775fr .775fr;gap:12px}
.process-card{padding:20px}
.process-card h2{margin:6px 0 10px;font-size:20px}
.process-card .muted{font-size:11px}
.process-main{background:linear-gradient(150deg,rgba(16,22,38,.9),rgba(9,14,25,.92))}
.process-steps{display:grid;gap:8px;margin-top:16px}
.process-steps>div{display:flex;gap:10px;align-items:flex-start;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.024)}
.process-steps>div>span{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:rgba(45,212,223,.06);border:1px solid rgba(45,212,223,.2);color:#84eaf0;font-size:10px;font-weight:950;flex:0 0 auto}
.process-steps strong{display:block;font-size:11px}
.process-steps small{display:block;font-size:9px;color:#73829d;line-height:1.45;margin-top:2px}
.text-link{display:inline-flex;margin-top:12px;color:#bfeef3;font-weight:900;font-size:10px}
.payout-card,.trust-card{padding:20px}
.section-head p{max-width:650px}
.route-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:14px}
.route-card{padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.022)}
.route-name{font-size:11px;font-weight:950}
.route-symbol{font-size:9px;color:#74839c;margin-top:2px}
.route-rate{font-size:12px;font-weight:900;color:#a4edf2;margin-top:8px}
.route-rate span{color:#6f7e98;font-weight:700}
.final-cta-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;background:linear-gradient(100deg,rgba(19,25,44,.92),rgba(13,19,32,.9))}
.final-cta-card h2{margin:6px 0 4px;font-size:23px}
.final-cta-card p{margin:0;font-size:10px}
.final-cta-section{margin-bottom:12px}
.ad-square,.ad-mobile-420,.ad-mobile-320{max-width:100%;overflow:hidden}
@media(max-width:1180px){
.process-grid{grid-template-columns:1fr 1fr}
.process-main{grid-column:1/-1}

}
@media(max-width:720px){
.earning-flow{gap:6px;padding:10px}
.earning-flow i{display:none}
.process-grid{grid-template-columns:1fr}
.process-main{grid-column:auto}
.route-grid{grid-template-columns:1fr 1fr}
.final-cta-card{align-items:flex-start;flex-direction:column}

}
@media(max-width:420px){
.route-grid{grid-template-columns:1fr}
.why-join-title{font-size:18px}

}
/* Landing v20 refinements */.route-card:hover,.feature:hover,.why-join-list>div:hover{border-color:var(--line2);background:rgba(255,255,255,.032);transform:translateY(-1px)}
.final-cta-card{box-shadow:0 20px 70px rgba(0,0,0,.22)}
.ad-460{max-width:460px;width:100%;margin-inline:auto;overflow:hidden}
.ad-460 img,.ad-460 iframe{max-width:100%;height:auto}
/* Scoped admin layer */.admin-area{color-scheme:dark}
.admin-area{box-sizing:border-box}
.admin-area{margin:0;min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#1d2950,#06080e 58%);color:#eef3ff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.admin-area .box{width:min(520px,100%);padding:34px;border-radius:28px;background:rgba(13,18,32,.88);border:1px solid rgba(255,255,255,.1);box-shadow:0 35px 100px rgba(0,0,0,.45);backdrop-filter:blur(18px)}
.admin-area .logo{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#8b6cff,#2dd5df);color:#061016;font-weight:950;margin-bottom:20px}
.admin-area .eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#8f9bb5;font-weight:900}
.admin-area .box h1{margin:7px 0 8px;font-size:32px}
.admin-area .muted{color:#96a2ba;line-height:1.6}
.admin-area .form{display:grid;gap:14px;margin-top:24px}
.admin-area label{display:grid;gap:7px;color:#acb7cb;font-size:12px}
.admin-area .input{width:100%;padding:13px 14px;border-radius:13px;background:#090f1b;border:1px solid rgba(255,255,255,.09);color:#fff;outline:none}
.admin-area .input:focus{border-color:#7f73ff}
.admin-area .btn{width:100%;border:0;border-radius:13px;padding:13px 16px;background:linear-gradient(135deg,#8b6cff,#2dd5df);color:#061016;font-weight:900;cursor:pointer}
.admin-area .err{padding:13px;border-radius:13px;background:rgba(128,24,48,.2);border:1px solid rgba(255,127,152,.25);color:#ffd6df}
/* --- administrator main/login styles --- */.admin-area{color-scheme:dark;--bg:#05070d;--panel:rgba(14,19,33,.84);--panel2:rgba(9,14,25,.92);--line:rgba(255,255,255,.085);--line2:rgba(255,255,255,.15);--text:#edf2ff;--muted:#8f9bb4;--a:#8b6cff;--b:#2dd5df;--good:#43e5a4;--bad:#ff7e98;--warn:#ffcb6b}
.admin-area{box-sizing:border-box}
.admin-area{margin:0;min-height:100vh;background:radial-gradient(circle at 7% -6%,#1a2442 0,transparent 32%),linear-gradient(180deg,#070a12,#05070d);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.admin-area a{color:inherit;text-decoration:none}
.admin-area .layout{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}
.admin-area .side{position:sticky;top:0;height:100vh;padding:17px 12px;border-right:1px solid var(--line);background:rgba(5,8,16,.86);backdrop-filter:blur(18px);overflow:auto}
.admin-area .brand{display:flex;align-items:center;gap:10px;font-weight:950;margin:4px 5px 20px}
.admin-area .logo{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--a),var(--b));color:#061016}
.admin-area .brand small{display:block;color:var(--muted);font-weight:700;margin-top:2px}
.admin-area .nav{display:grid;gap:4px}
.admin-area .nav a{padding:10px 11px;border-radius:11px;color:#a9b4c8;font-size:14px;line-height:1.4}
.admin-area .nav a:hover, .admin-area .nav a.active{background:rgba(255,255,255,.06);color:#fff}
.admin-area .nav .group{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#75819a;padding:13px 11px 6px;font-weight:900}
.admin-area .main{min-width:0;padding:28px clamp(16px,3vw,34px)}
.admin-area .top{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:20px}
.admin-area .top h1{margin:4px 0 0;font-size:clamp(25px,3vw,36px);letter-spacing:-.04em}
.admin-area .actions{display:flex;gap:8px;flex-wrap:wrap}
.admin-area .grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:15px}
.admin-area .card{grid-column:span 6;min-width:0;padding:20px;border-radius:20px;background:var(--panel);border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.23)}
.admin-area .s3{grid-column:span 3}
.admin-area .s4{grid-column:span 4}
.admin-area .s5{grid-column:span 5}
.admin-area .s6{grid-column:span 6}
.admin-area .s7{grid-column:span 7}
.admin-area .s8{grid-column:span 8}
.admin-area .s9{grid-column:span 9}
.admin-area .full{grid-column:1/-1}
.admin-area .label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8995ad;font-weight:900}
.admin-area .value{font-size:30px;font-weight:950;letter-spacing:-.035em}
.admin-area .big{font-size:44px}
.admin-area .muted{color:var(--muted)}
.admin-area .tiny{font-size:11px;line-height:1.6}
.admin-area .stat{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.055)}
.admin-area .stat:last-child{border-bottom:0}
.admin-area .progress{height:12px;margin:14px 0;border-radius:999px;background:#0a0f1b;border:1px solid var(--line);overflow:hidden}
.admin-area .bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--a),var(--b));transition:width .5s}
.admin-area .form{display:grid;gap:11px}
.admin-area label{display:grid;gap:6px;color:#adb8ca;font-size:11px}
.admin-area .input, .admin-area .select, .admin-area .textarea{width:100%;padding:11px 12px;border-radius:11px;background:#090f1b;border:1px solid var(--line);color:#fff;outline:none}
.admin-area .input:focus, .admin-area .select:focus, .admin-area .textarea:focus{border-color:#7d71ff;box-shadow:0 0 0 3px rgba(125,113,255,.08)}
.admin-area .textarea{min-height:135px;resize:vertical}
.admin-area .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.045);color:#fff;font-weight:850;cursor:pointer}
.admin-area .btn:hover{border-color:var(--line2);transform:translateY(-1px)}
.admin-area .primary{border:0;background:linear-gradient(135deg,var(--a),var(--b));color:#061016}
.admin-area .danger{color:#ffd5de;background:rgba(127,29,55,.22)}
.admin-area .notice{padding:12px 14px;border-radius:12px;border:1px solid var(--line);margin-bottom:13px;background:rgba(255,255,255,.04)}
.admin-area .ok{color:#c9ffe7;background:rgba(7,94,65,.16);border-color:rgba(67,229,164,.24)}
.admin-area .err{color:#ffd5de;background:rgba(127,29,55,.18);border-color:rgba(255,126,152,.24)}
.admin-area .warn{color:#ffe3aa;background:rgba(105,75,9,.14);border-color:rgba(255,203,107,.22)}
.admin-area .two{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.admin-area .three{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.admin-area .four{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}
.admin-area .table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}
.admin-area .table{width:100%;min-width:760px;border-collapse:collapse;font-size:12px}
.admin-area .table th, .admin-area .table td{text-align:left;padding:10px 11px;border-bottom:1px solid rgba(255,255,255,.055);vertical-align:top}
.admin-area .table th{color:#8996ae;font-size:10px;letter-spacing:.09em;text-transform:uppercase}
.admin-area .table tr:last-child td{border-bottom:0}
.admin-area .pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:rgba(67,229,164,.11);color:#bdf7dc;font-size:10px;font-weight:900}
.admin-area .pill.bad{background:rgba(255,126,152,.11);color:#ffd6df}
.admin-area .rank{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.055);font-weight:950}
.admin-area .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-word}
.admin-area .feature{padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}
.admin-area .row-actions{display:flex;gap:7px;flex-wrap:wrap}
.admin-area .check{display:flex;align-items:center;gap:7px;color:#acb7ca;font-size:11px}
.admin-area .check input{accent-color:#8b6cff}
.admin-area .section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.admin-area .section-title h2{margin:0;font-size:17px}
.admin-area .hero{background:linear-gradient(135deg,rgba(139,108,255,.16),rgba(45,213,223,.08));border-color:rgba(139,108,255,.22)}
.admin-area .kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}
.admin-area .kpi{padding:15px;border-radius:15px;border:1px solid var(--line);background:rgba(255,255,255,.025)}
.admin-area .kpi .value{font-size:25px;margin-top:4px}
.admin-area .ad-slot{display:grid;gap:12px}
.admin-area .ad-preview{min-height:90px;border:1px dashed rgba(255,255,255,.13);border-radius:14px;display:grid;place-items:center;color:#6e7a91;padding:15px;text-align:center;background:rgba(255,255,255,.02)}
@media(max-width:1000px){
.admin-area .layout{grid-template-columns:1fr}
.admin-area .side{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}
.admin-area .nav{display:flex;overflow:auto}
.admin-area .nav .group{display:none}
.admin-area .nav a{white-space:nowrap}
.admin-area .kpi-grid{grid-template-columns:repeat(2,1fr)}
.admin-area .s3, .admin-area .s4, .admin-area .s5, .admin-area .s6, .admin-area .s7, .admin-area .s8, .admin-area .s9, .admin-area .card{grid-column:1/-1}

}
@media(max-width:650px){
.admin-area .main{padding:18px 12px}
.admin-area .two, .admin-area .three, .admin-area .four{grid-template-columns:1fr}
.admin-area .kpi-grid{grid-template-columns:1fr 1fr}
.admin-area .top{align-items:flex-start;flex-direction:column}
.admin-area .value.big{font-size:34px}

}
.admin-area .attention-panel{background:linear-gradient(135deg,rgba(139,108,255,.11),rgba(45,213,223,.05));border-color:rgba(139,108,255,.18)}
.admin-area .attention-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.admin-area .attention-item{display:grid;gap:3px;padding:14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}
.admin-area .attention-item:hover{border-color:rgba(139,108,255,.35);transform:translateY(-1px)}
.admin-area .attention-item strong{font-size:24px}
.admin-area .attention-item span{font-size:11px;color:var(--muted)}
.admin-area .settlement-preview{background:linear-gradient(135deg,rgba(45,213,223,.06),rgba(139,108,255,.06));border-color:rgba(45,213,223,.15)}
.admin-area .preview-note{margin-top:12px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid var(--line);font-size:12px;color:#aeb9cc;line-height:1.6}
.admin-area .admin-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}
.admin-area .admin-modal[hidden]{display:none}
.admin-area .admin-modal-backdrop{position:absolute;inset:0;background:rgba(2,5,10,.72);backdrop-filter:blur(8px)}
.admin-area .admin-modal-dialog{position:relative;width:min(1000px,96vw);max-height:90vh;overflow:auto;padding:20px;border-radius:22px;background:#0b101c;border:1px solid var(--line2);box-shadow:0 30px 100px rgba(0,0,0,.55)}
.admin-area .modal-open{overflow:hidden}
.admin-area .user360-body{display:grid;gap:14px}
.admin-area .user360-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.admin-area .user360-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.admin-area .user360-grid .feature{display:grid;gap:6px}
.admin-area .user360-grid .feature strong{font-size:14px}
.admin-area .admin-modal .table-wrap{max-height:260px}
@media(max-width:800px){
.admin-area .attention-grid{grid-template-columns:repeat(2,1fr)}
.admin-area .user360-kpis{grid-template-columns:repeat(2,1fr)}
.admin-area .user360-grid{grid-template-columns:1fr}
.admin-area .admin-modal{padding:10px}
.admin-area .admin-modal-dialog{width:100%;max-height:94vh}

}
.admin-area .attention-panel{background:linear-gradient(135deg,rgba(139,108,255,.11),rgba(45,213,223,.05));border-color:rgba(139,108,255,.18)}
.admin-area .attention-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.admin-area .attention-item{display:grid;gap:3px;padding:14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);transition:.2s}
.admin-area .attention-item:hover{border-color:rgba(139,108,255,.35);transform:translateY(-1px)}
.admin-area .attention-item strong{font-size:24px}
.admin-area .attention-item span{font-size:11px;color:var(--muted)}
.admin-area .settlement-preview{background:linear-gradient(135deg,rgba(45,213,223,.06),rgba(139,108,255,.06));border-color:rgba(45,213,223,.15)}
.admin-area .preview-note{margin-top:12px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid var(--line);font-size:12px;color:#aeb9cc;line-height:1.6}
.admin-area .ad-preview-frame{display:grid;gap:7px;justify-items:center;width:100%}
.admin-area .ad-preview-frame img{display:block;max-width:100%;height:auto;max-height:180px;object-fit:contain;border-radius:10px}
.admin-area .ad-preview-frame span, .admin-area .ad-preview-empty{font-size:10px;color:#6e7a91;text-align:center}
.admin-area .ad-preview-empty{display:grid;gap:3px;min-height:60px;place-items:center}
.admin-area .admin-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}
.admin-area .admin-modal[hidden]{display:none}
.admin-area .admin-modal-backdrop{position:absolute;inset:0;background:rgba(2,5,10,.72);backdrop-filter:blur(8px)}
.admin-area .admin-modal-dialog{position:relative;width:min(1000px,96vw);max-height:90vh;overflow:auto;padding:20px;border-radius:22px;background:#0b101c;border:1px solid var(--line2);box-shadow:0 30px 100px rgba(0,0,0,.55)}
.admin-area .modal-open{overflow:hidden}
.admin-area .user360-body{display:grid;gap:14px}
.admin-area .user360-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.admin-area .user360-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.admin-area .user360-grid .feature{display:grid;gap:6px}
.admin-area .user360-grid .feature strong{font-size:14px}
.admin-area .admin-modal .table-wrap{max-height:260px}
@media(max-width:800px){
.admin-area .attention-grid{grid-template-columns:repeat(2,1fr)}
.admin-area .user360-kpis{grid-template-columns:repeat(2,1fr)}
.admin-area .user360-grid{grid-template-columns:1fr}
.admin-area .admin-modal{padding:10px}
.admin-area .admin-modal-dialog{width:100%;max-height:94vh}

}
/* Shared header/footer + legal/profile pages */.site-header-bar{position:relative;z-index:40}
.site-header-bar .nav{width:100%}
.site-footer-bar{margin-top:30px;padding:22px 4px 8px;border-top:1px solid var(--line);color:var(--muted)}
.footer-main{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;flex-wrap:wrap}
.footer-main>div{display:grid;gap:4px}
.footer-main strong{color:#dfe7f6;font-size:13px}
.footer-main span{font-size:11px;color:#77849b}
.footer-main nav{display:flex;gap:12px;flex-wrap:wrap}
.footer-main nav a{font-size:11px;color:#8794aa}
.footer-main nav a:hover{color:#e4ebf8}
.footer-meta{margin-top:12px;text-align:right;font-size:10px;color:#647188}
.public-navlinks{gap:4px}
.nav-profile-link{padding:8px 10px!important;font-size:10px!important}
.prose-card{max-width:980px;margin:0 auto;line-height:1.75}
.prose-card h2{font-size:18px;margin:22px 0 7px;color:#e3eaf6}
.prose-card p{font-size:13px;color:#98a6bd;margin:0 0 12px}
.legal-meta{font-size:11px;color:#65728a;margin-bottom:10px}
.profile-value{font-size:18px!important;overflow-wrap:anywhere}
.profile-grid{align-items:start;margin-top:14px}
.profile-feature{display:grid;gap:5px;margin-bottom:9px}
.profile-feature span{color:#8b99ae;font-size:11px;line-height:1.55}
.site-footer-bar a{transition:color .18s ease}
.site-footer-bar a:focus-visible,.nav a:focus-visible,.btn:focus-visible{outline:2px solid rgba(34,211,238,.7);outline-offset:2px}
@media(max-width:760px){
.footer-main{display:grid}
.footer-main nav{gap:9px}
.footer-meta{text-align:left}
.site-footer-bar{padding-bottom:85px}
.public-navlinks{display:none!important}
.site-header-bar .nav{gap:8px}
.nav-profile-link{display:none}
.navlinks a{font-size:10px;padding:8px 8px}
.navright .btn{padding:8px 9px;min-height:36px;font-size:10px}

}
/* Point Pool — Readability & trust pass v1
 * Scope: public landing + shared typography. Core behavior is untouched.
 */body{font-size:15px;line-height:1.62}
.page,.page-card,.card{color:#d8e1ef}
.muted,.small-muted,.note{line-height:1.62}
.btn{min-height:42px;padding:10px 15px;font-size:14px;line-height:1.2}
.input{min-height:44px;font-size:15px}
.eyebrow{font-size:11px;line-height:1.35;letter-spacing:.10em}
/* Public navigation */.site-header-bar .navlinks a{font-size:13px}
.site-header-bar .navright .btn{font-size:13px}
.public-navlinks a{font-size:13px!important}
/* Landing page: make the reading order obvious rather than dense. */.earning-flow{gap:10px;padding:13px 15px;font-size:12px;line-height:1.4}
.earning-flow b{font-size:10px}
.feature{min-height:0}
.feature-icon{width:30px;height:30px;font-size:12px}
.feature strong{display:block;font-size:14px;line-height:1.35}
.feature>span:last-child{display:block;margin-top:4px;font-size:13px;line-height:1.55;color:#8694aa}
.rule-kicker{font-size:11px}
.why-join-title{font-size:22px}
.why-join-list>div>span{width:28px;height:28px;font-size:10px}
.why-join-list strong{font-size:13px}
.why-join-list small{font-size:12px;line-height:1.5}
.process-card h2{font-size:22px;line-height:1.18}
.process-card .muted{font-size:14px;line-height:1.65}
.process-steps>div{padding:12px 13px}
.process-steps>div>span{width:28px;height:28px;font-size:11px}
.process-steps strong{font-size:14px}
.process-steps small{font-size:12px;line-height:1.5}
.route-name{font-size:15px!important}
.route-symbol{font-size:12px!important}
.route-rate{font-size:12px!important}
.final-cta-card h2{font-size:27px}
.final-cta-card p{font-size:14px}
@media(max-width:720px){
body{font-size:15px}
.earning-flow{font-size:12px;line-height:1.5}

}
/* ========================================================================
   Point Pool — Site-wide readability + calm color system v3
   Scope: all user-facing pages. Core PHP/business logic is untouched.
   Goals: readable typography, clearer hierarchy, calmer surfaces, semantic color.
   ======================================================================== */body:not(.admin-area){
  --bg:#080d18;
  --bg2:#0c1424;
  --panel:rgba(17,26,44,.94);
  --panel2:rgba(14,22,38,.97);
  --line:rgba(159,180,218,.16);
  --line2:rgba(176,196,231,.24);
  --text:#f4f7ff;
  --muted:#b4c0d4;
  --muted-strong:#d0d9e8;
  --muted-soft:#8f9eb6;
  --a:#7c7cff;
  --b:#2dd4df;
  --good:#39d6a2;
  --warn:#f4bd5d;
  --danger:#fb7185;
  --info:#70b7ff;
  font-size:16px;
  line-height:1.65;
  color:var(--text);
  background:
    radial-gradient(circle at 8% -8%,rgba(124,124,255,.17),transparent 30%),
    radial-gradient(circle at 96% 5%,rgba(45,212,223,.11),transparent 27%),
    linear-gradient(180deg,#0a1020 0%,#080d18 56%,#060a13 100%);
}
body:not(.admin-area) .app{width:min(1500px,96vw);padding:8px 0 58px}
body:not(.admin-area) .nav{
  background:rgba(11,17,30,.90);
  border-color:rgba(161,183,220,.19);
  box-shadow:0 14px 38px rgba(0,0,0,.26);
}
body:not(.admin-area) .brandtext{font-size:16px}
body:not(.admin-area) .navlinks a{font-size:13px;padding:10px 12px;color:#b9c5d8}
body:not(.admin-area) .navlinks a.active,
body:not(.admin-area) .navlinks a:hover{color:#fff;background:rgba(112,183,255,.10)}
body:not(.admin-area) .nav-pill{font-size:12px;color:#c9d4e6;background:rgba(112,183,255,.055);border-color:rgba(112,183,255,.17)}
body:not(.admin-area) .iconbtn{font-size:13px;min-height:42px;padding:9px 13px}
body:not(.admin-area) .eyebrow{font-size:12px!important;line-height:1.45;letter-spacing:.11em;color:#9eb0cc}
body:not(.admin-area) .muted{font-size:15px;line-height:1.72;color:#b8c4d7}
body:not(.admin-area) small{display:inline-block}
body:not(.admin-area) .card:hover{border-color:rgba(159,180,218,.23)}
body:not(.admin-area) .btn{min-height:44px;padding:11px 16px;font-size:15px;line-height:1.2}
body:not(.admin-area) .btn-primary{box-shadow:0 9px 26px rgba(45,212,223,.12)}
body:not(.admin-area) .btn-soft{background:rgba(255,255,255,.055);border-color:rgba(159,180,218,.19);color:#f5f7ff}
body:not(.admin-area) .input,
body:not(.admin-area) .select,
body:not(.admin-area) .textarea{
  font-size:16px;
  line-height:1.5;
  min-height:46px;
  background:#0b1423;
  border-color:rgba(159,180,218,.20);
}
body:not(.admin-area) textarea.textarea{min-height:150px}
body:not(.admin-area) label{font-size:13px;color:#c4cfdf}
body:not(.admin-area) .table th,
body:not(.admin-area) .table td{font-size:13px;padding:13px 11px;line-height:1.5}
body:not(.admin-area) .table th{font-size:12px;color:#a3b0c5;letter-spacing:.07em}
body:not(.admin-area) .badge,
body:not(.admin-area) .pp-status{font-size:12px!important;line-height:1.25;padding:6px 9px}
body:not(.admin-area) .amount-plus,
body:not(.admin-area) .amount-muted{font-size:14px}
body:not(.admin-area) .section-head{margin-bottom:16px}
body:not(.admin-area) .section-head h2{font-size:21px;line-height:1.25}
body:not(.admin-area) .page .hero{margin-bottom:22px}
body:not(.admin-area) .hero h1{font-size:clamp(30px,4vw,40px);line-height:1.10;letter-spacing:-.025em}
body:not(.admin-area) .page-card{padding:22px}
body:not(.admin-area) .notice{padding:13px 15px}
body:not(.admin-area) .ad-label{font-size:10px!important;line-height:1.4;letter-spacing:.12em}
/* Semantic color surfaces: use color to explain state, not decorate every card. */body:not(.admin-area) .process-card:nth-child(1){background:linear-gradient(145deg,rgba(36,31,67,.40),rgba(15,21,35,.96))}
body:not(.admin-area) .process-card:nth-child(2){background:linear-gradient(145deg,rgba(17,43,57,.42),rgba(14,21,34,.96))}
body:not(.admin-area) .final-cta-card{background:linear-gradient(135deg,rgba(51,43,93,.58),rgba(11,45,58,.48))}
/* Readable global metric system. */body:not(.admin-area) .stats{gap:14px}
body:not(.admin-area) .stat{padding:18px;min-width:0}
body:not(.admin-area) .stat .label{font-size:12px!important;line-height:1.4;letter-spacing:.08em;color:#a9b5c9}
body:not(.admin-area) .stat .value{font-size:27px;line-height:1.12}
body:not(.admin-area) .stat .sub{font-size:13px!important;line-height:1.5;color:#8f9db5;margin-top:7px}
body:not(.admin-area) .mini{padding:15px;background:rgba(255,255,255,.035)}
body:not(.admin-area) .mini-label{font-size:12px!important;line-height:1.4;color:#aab6c9}
body:not(.admin-area) .mini-value{font-size:24px;line-height:1.15}
/* Landing page: calmer color blocking + no tiny process text. */body:not(.admin-area) .earning-flow{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  padding:10px;
  background:rgba(112,183,255,.055);
  border-color:rgba(112,183,255,.15);
}
body:not(.admin-area) .earning-flow span{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;padding:10px 8px;border:1px solid rgba(159,180,218,.14);border-radius:11px;background:rgba(255,255,255,.025);font-size:14px;line-height:1.35;color:#e2e8f3;white-space:normal;text-align:center}
body:not(.admin-area) .earning-flow b{font-size:12px;color:#55dcea}
body:not(.admin-area) .earning-flow i{display:none}
body:not(.admin-area) .feature-icon{width:36px;height:36px;font-size:15px}
body:not(.admin-area) .why-join-title{font-size:24px}
body:not(.admin-area) .why-join-list strong{font-size:15px}
body:not(.admin-area) .why-join-list small{font-size:13px!important;line-height:1.55}
/* Five-column landing snapshot: the new USD Equivalent metric follows the same card format. *//* Dashboard. *//* Live Pool. */body:not(.admin-area) .quick-quiz-card .quiz{font-size:25px;line-height:1.3}
body:not(.admin-area) .quick-quiz-card .option label{min-height:48px;padding:10px 8px;font-size:15px}
body:not(.admin-area) .quick-bonus-chip{font-size:13px!important}
/* History, referrals, wallet, proof and legal/content pages. */body:not(.admin-area) .route-name{font-size:16px!important}
body:not(.admin-area) .route-symbol{font-size:13px!important}
body:not(.admin-area) .route-rate{font-size:13px!important}
body:not(.admin-area) .prose-card{font-size:15px;line-height:1.8}
body:not(.admin-area) .prose-card h2{font-size:21px}
body:not(.admin-area) .prose-card p{font-size:14px;color:#b5c0d2}
body:not(.admin-area) .footer-main strong{font-size:14px}
body:not(.admin-area) .footer-main span,
body:not(.admin-area) .footer-main nav a{font-size:12px!important}
body:not(.admin-area) .footer-meta{font-size:12px!important}
body:not(.admin-area) .mobile-bottom-nav a{font-size:12px!important;min-height:46px}
/* Auth pages: comfortable input and label sizing. */body:not(.admin-area) .auth-wrap{margin:48px auto}
body:not(.admin-area) .auth-card{padding:28px}
body:not(.admin-area) .auth-card h1{font-size:32px}
body:not(.admin-area) .auth-form{gap:14px}
body:not(.admin-area) .auth-form label{font-size:13px;color:#c6d0df}
body:not(.admin-area) .auth-form .btn{min-height:46px;font-size:15px}
/* Mobile: readable first, compact second. */@media(max-width:1180px){
body:not(.admin-area) .earning-flow{grid-template-columns:repeat(3,minmax(0,1fr))}

}
@media(max-width:900px){
body:not(.admin-area){font-size:15.5px}
body:not(.admin-area) .earning-flow{grid-template-columns:repeat(2,minmax(0,1fr))}

}
@media(max-width:720px){
body:not(.admin-area) .app{width:min(100%,94vw);padding-bottom:88px}
body:not(.admin-area) .nav{top:4px;padding:9px 10px;border-radius:15px}
body:not(.admin-area) .brandtext{font-size:15px}
body:not(.admin-area) .navlinks a{font-size:12px;padding:9px 10px}
body:not(.admin-area) .navright .btn{font-size:13px;min-height:40px;padding:9px 12px}
body:not(.admin-area) .page-card{padding:18px}
body:not(.admin-area) .hero h1{font-size:31px}
body:not(.admin-area) .earning-flow{grid-template-columns:1fr 1fr;gap:8px;padding:9px}
body:not(.admin-area) .earning-flow span{font-size:13px;min-height:48px}
body:not(.admin-area) .table-wrap{-webkit-overflow-scrolling:touch}
body:not(.admin-area) .table th,
  body:not(.admin-area) .table td{font-size:13px;padding:12px 9px}

}
@media(max-width:520px){
body:not(.admin-area) .earning-flow{grid-template-columns:1fr}
body:not(.admin-area) .why-join-title{font-size:21px}
body:not(.admin-area) .quick-quiz-card .option label{font-size:14px}

}
/* Respect reduced-motion preference while preserving the design. */@media(prefers-reduced-motion:reduce){
body:not(.admin-area) *,
  body:not(.admin-area) *::before,
  body:not(.admin-area) *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}

}
/* Dashboard v48: calmer information architecture and larger readable labels. */body:not(.admin-area) .history-serial{padding-left:3px}
body:not(.admin-area) .history-serial strong{color:#8ee7f2!important}
body:not(.admin-area) .footer-meta{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:nowrap;font-size:13px!important;line-height:1.5;text-align:center;color:#8f9db4}
body:not(.admin-area) .footer-meta::before,body:not(.admin-area) .footer-meta::after{content:"";display:block;flex:0 1 clamp(70px,13vw,180px);height:2px;border-radius:999px;background:rgba(239,68,68,.9);box-shadow:0 0 14px rgba(239,68,68,.16)}
body:not(.admin-area) .footer-meta::after{background:rgba(239,68,68,.9)}
body:not(.admin-area) .footer-designer a{color:#8ee7f2;text-decoration:none;font-weight:800}
body:not(.admin-area) .footer-designer a:hover{text-decoration:underline}
/* Site-wide readable floor for meaningful user-facing copy. */body:not(.admin-area) .page .small-muted,
body:not(.admin-area) .page .note,
body:not(.admin-area) .page .empty,
body:not(.admin-area) .page .help-text{font-size:13px!important;line-height:1.6}
body:not(.admin-area) .page .label{font-size:12px!important;line-height:1.4}
@media(max-width:720px){
body:not(.admin-area) .footer-meta{flex-direction:row;gap:9px;flex-wrap:nowrap;font-size:12px!important}
body:not(.admin-area) .footer-meta::before,body:not(.admin-area) .footer-meta::after{flex-basis:clamp(30px,15vw,80px)}

}
/* Dashboard v49: final layout refinement — clearer hero, compact referral panel, inline banner, stacked histories. *//* Dashboard v51: keep activity rows truly one-line on desktop and visually flag non-standard claim reasons. *//* Dashboard v52: readable history headers, larger position labels, locked live countdown CTA, and aligned footer. */body:not(.admin-area) .site-footer-bar{border-top:1px solid var(--line);padding:22px 4px 12px}
body:not(.admin-area) .footer-main{
  display:grid;
  grid-template-columns:minmax(230px,1fr) auto minmax(420px,1.55fr);
  align-items:center;
  gap:24px;
}
body:not(.admin-area) .footer-brand-block{display:grid;gap:5px;text-align:left}
body:not(.admin-area) .footer-brand-block strong{font-size:14px!important;color:#e8eefb}
body:not(.admin-area) .footer-brand-block span{font-size:12px!important;line-height:1.5;color:#8492aa}
body:not(.admin-area) .footer-copyright{font-size:13px!important;line-height:1.5;color:#a9b5c8;text-align:center;white-space:nowrap}
body:not(.admin-area) .footer-main nav{justify-content:flex-end;gap:12px 14px}
body:not(.admin-area) .footer-main nav a{font-size:12px!important;color:#8e9ab0}
body:not(.admin-area) .footer-meta{display:none!important}
@media(max-width:1050px){
body:not(.admin-area) .footer-main{grid-template-columns:1fr auto;}
body:not(.admin-area) .footer-main nav{grid-column:1/-1;justify-content:flex-start}

}
@media(max-width:720px){
body:not(.admin-area) .footer-main{grid-template-columns:1fr;gap:12px;text-align:center}
body:not(.admin-area) .footer-brand-block{text-align:center}
body:not(.admin-area) .footer-copyright{white-space:normal}
body:not(.admin-area) .footer-main nav{justify-content:center}

}
/* Landing support-content refinement: make the referral/reward area useful without duplicating dashboard data. */body:not(.admin-area) .process-grid{grid-template-columns:minmax(0,1.42fr) minmax(360px,.98fr);align-items:stretch}
body:not(.admin-area) .process-main{height:100%}
body:not(.admin-area) .process-info-list{display:grid;gap:8px;margin-top:16px}
body:not(.admin-area) .process-info-list>div{padding:11px 12px;border:1px solid rgba(159,180,218,.13);border-radius:12px;background:rgba(255,255,255,.024)}
body:not(.admin-area) .process-info-list strong{display:block;font-size:14px;line-height:1.35;color:#e4ebf7}
body:not(.admin-area) .process-info-list span{display:block;margin-top:3px;font-size:13px;line-height:1.55;color:#9eabc0}
body:not(.admin-area) .process-420-ad{width:100%;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0 0;overflow:hidden}
body:not(.admin-area) .process-420-ad .ad-mobile-420{width:min(420px,100%);max-width:100%;overflow:hidden;text-align:center}
body:not(.admin-area) .process-420-ad .ad-mobile-420 img,
body:not(.admin-area) .process-420-ad .ad-mobile-420 iframe,
body:not(.admin-area) .process-420-ad .ad-mobile-420 video{max-width:100%;height:auto}
body:not(.admin-area) .process-main .process-steps{margin-top:18px}
@media(max-width:1180px){
body:not(.admin-area) .process-grid{grid-template-columns:1fr}
body:not(.admin-area) .process-420-ad{grid-column:1/-1}

}
@media(max-width:720px){
body:not(.admin-area) .process-info-list span{font-size:13px}
body:not(.admin-area) .process-420-ad{padding-top:6px}

}
/* Landing v54 — compact trust links + live Pool activity readability *//* V55 final activity alignment: keep title + reason on one readable line. *//* Landing recent events now mirrors the dashboard Latest actions pattern. *//* V58 final column balance: widen the left metadata columns and reduce the visual void before Amount. */

/* v48: Fix the authenticated admin console width only.
   The login screen remains centered, and public/user layouts are untouched. */
.admin-area.admin-console {
  display: block;
  place-items: normal;
  width: 100%;
  max-width: none;
  min-height: 100vh;
  margin: 0;
  padding: 0;
}
.admin-area.admin-console .layout {
  width: 100%;
  max-width: none;
  margin: 0;
}
.admin-area.admin-console .side,
.admin-area.admin-console .main {
  min-width: 0;
}
.admin-area.admin-console .main {
  width: 100%;
  max-width: none;
}


/* Admin UX v53: clearer navigation hierarchy, accessible type sizes and finance panel. */
body.admin-area.admin-console {
    display: block !important;
    place-items: initial !important;
    padding: 0 !important;
    width: 100%;
    min-width: 0;
    font-size: 15px;
    line-height: 1.5;
}
body.admin-area.admin-console .layout {
    width: 100%;
    min-width: 0;
    grid-template-columns: 260px minmax(0, 1fr);
    align-items: stretch;
}
body.admin-area.admin-console .side {
    width: 260px;
    max-width: 260px;
    padding: 18px 12px 22px;
}
body.admin-area.admin-console .brand { font-size: 15px; line-height: 1.4; }
body.admin-area.admin-console .brand small { font-size: 12px; line-height: 1.45; }
body.admin-area.admin-console .nav { gap: 5px; }
body.admin-area.admin-console .nav .group {
    font-size: 11px !important;
    letter-spacing: .10em;
    line-height: 1.4;
    padding: 16px 12px 6px;
    color: #93a2bd;
}
body.admin-area.admin-console .nav a {
    display: block;
    font-size: 15px !important;
    line-height: 1.45;
    font-weight: 600;
    padding: 11px 12px;
    border: 1px solid transparent;
    border-left: 3px solid transparent;
    border-radius: 10px;
    color: #bac6da;
    transition: background .16s ease, border-color .16s ease, color .16s ease;
}
body.admin-area.admin-console .nav a:hover {
    background: rgba(139,108,255,.12);
    border-color: rgba(139,108,255,.16);
    color: #fff;
}
body.admin-area.admin-console .nav a.active {
    background: linear-gradient(100deg, rgba(139,108,255,.27), rgba(45,213,223,.105));
    border-color: rgba(139,108,255,.28);
    border-left-color: #50ddea;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), 0 7px 18px rgba(0,0,0,.16);
    color: #fff;
    font-weight: 850;
}
body.admin-area.admin-console .main { min-width: 0; padding: 28px clamp(20px,2.4vw,38px); }
body.admin-area.admin-console .label { font-size: 12px !important; letter-spacing: .11em; line-height: 1.45; }
body.admin-area.admin-console .tiny { font-size: 12px !important; line-height: 1.55; }
body.admin-area.admin-console .muted { line-height: 1.65; }
body.admin-area.admin-console .section-title h2 { font-size: 19px; line-height: 1.35; }
body.admin-area.admin-console .table { font-size: 13.5px; }
body.admin-area.admin-console .table th { font-size: 11.5px !important; line-height: 1.4; letter-spacing: .06em; }
body.admin-area.admin-console .table th, body.admin-area.admin-console .table td { padding: 12px 12px; }
body.admin-area.admin-console .pill { font-size: 11.5px !important; line-height: 1.35; padding: 5px 9px; }
body.admin-area.admin-console label { font-size: 13.5px !important; line-height: 1.45; }
body.admin-area.admin-console .input,
body.admin-area.admin-console .select,
body.admin-area.admin-console .textarea { font-size: 14px; line-height: 1.45; min-height: 42px; }
body.admin-area.admin-console .textarea { min-height: 135px; }
body.admin-area.admin-console .btn { width: auto; min-height: 40px; font-size: 14px; line-height: 1.35; }
body.admin-area.admin-console .check { font-size: 13px !important; }
body.admin-area.admin-console .feature > span { font-size: 12px; line-height: 1.5; }
body.admin-area.admin-console .feature > strong { font-size: 16px; line-height: 1.4; }
body.admin-area.admin-console .finance-snapshot { background: linear-gradient(130deg, rgba(19,26,45,.95), rgba(12,25,34,.94)); border-color: rgba(45,213,223,.19); }
body.admin-area.admin-console .finance-kpis { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
body.admin-area.admin-console .finance-kpis .feature { display: grid; gap: 7px; min-width: 0; padding: 15px; }
body.admin-area.admin-console .finance-kpis .feature strong { font-size: clamp(17px,1.45vw,24px); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
body.admin-area.admin-console .finance-positive { color: #69e6b3 !important; }
body.admin-area.admin-console .finance-negative { color: #ff9caf !important; }
body.admin-area.admin-console .finance-note { margin: 12px 0 0; font-size: 13px !important; line-height: 1.65; color: #aab7cc; }
body.admin-area.admin-console .finance-note a { color: #78e5f0; text-decoration: underline; text-underline-offset: 3px; }
body.admin-area.admin-console .finance-note-warn { padding: 14px; border: 1px solid rgba(255,203,107,.25); border-radius: 13px; background: rgba(105,75,9,.12); color: #ffe5b5; }
body.admin-area.admin-console .finance-entry-form { gap: 15px; }
body.admin-area.admin-console .finance-entry-form .two,
body.admin-area.admin-console .finance-entry-form .three { gap: 14px; }
body.admin-area.admin-console .finance-table { min-width: 900px; }
body.admin-area.admin-console .finance-row-voided { opacity: .68; }
@media (max-width: 1000px) {
    body.admin-area.admin-console .layout { grid-template-columns: 1fr; }
    body.admin-area.admin-console .side { width: 100%; max-width: none; }
    body.admin-area.admin-console .nav { display: flex; flex-wrap: nowrap; gap: 6px; overflow-x: auto; padding-bottom: 6px; }
    body.admin-area.admin-console .nav a { flex: 0 0 auto; white-space: nowrap; }
    body.admin-area.admin-console .nav .group { display: none; }
    body.admin-area.admin-console .finance-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 650px) {
    body.admin-area.admin-console .main { padding: 18px 12px; }
    body.admin-area.admin-console .finance-kpis { grid-template-columns: 1fr 1fr; }
    body.admin-area.admin-console .finance-entry-form .two,
    body.admin-area.admin-console .finance-entry-form .three { grid-template-columns: 1fr; }
    body.admin-area.admin-console .table th, body.admin-area.admin-console .table td { padding: 11px 10px; }
}


/* Premium membership page */
.membership-page{display:grid;gap:20px;max-width:1180px;margin:0 auto;padding-bottom:32px}
.membership-page .page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.membership-page .page-heading h1{margin:5px 0 8px;font-size:clamp(26px,3vw,36px);line-height:1.15}
.membership-page .page-heading p{margin:0;max-width:720px}
.membership-page .badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:999px;background:rgba(45,212,191,.14);color:#9ff3e5;font-size:12px;font-weight:800;letter-spacing:.04em}
.membership-page .membership-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.membership-page .membership-plan-card{display:flex;flex-direction:column;gap:14px;padding:clamp(18px,3vw,28px);min-width:0}
.membership-page .membership-plan-card h2{margin:0;font-size:clamp(20px,2vw,26px)}
.membership-page .membership-plan-featured{border-color:rgba(94,234,212,.55);box-shadow:0 0 0 1px rgba(94,234,212,.12) inset}
.membership-page .membership-price{font-size:clamp(28px,4vw,40px);font-weight:850;line-height:1.1}
.membership-page .membership-price span{font-size:15px;color:var(--muted,#a4afc5);font-weight:700}
.membership-page .membership-price small{display:block;font-size:13px;font-weight:500;color:var(--muted,#a4afc5);margin-top:7px}
.membership-page .membership-multiplier{padding:12px 14px;border-radius:12px;background:rgba(139,92,246,.12);font-size:24px;font-weight:850}
.membership-page .membership-multiplier span{font-size:13px;font-weight:600;color:var(--muted,#a4afc5)}
.membership-page .membership-plan-card ul{display:grid;gap:9px;padding-left:20px;margin:0 0 6px;color:var(--muted,#a4afc5);font-size:14px;line-height:1.5}
.membership-page .membership-plan-card form{margin-top:auto}
.membership-page .membership-current-card,.membership-page .membership-history-card,.membership-page .membership-payment-status{padding:clamp(18px,3vw,26px)}
.membership-page .membership-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.membership-page .membership-stat-grid>div{padding:14px;border:1px solid var(--line,rgba(148,163,184,.2));border-radius:12px;min-width:0}
.membership-page .membership-stat-grid span{display:block;color:var(--muted,#a4afc5);font-size:12px;margin-bottom:7px}
.membership-page .membership-stat-grid strong{display:block;font-size:14px;overflow-wrap:anywhere}
.membership-page .membership-payment-status{display:grid;gap:10px}
.membership-page .membership-payment-status .badge{justify-self:start}
.membership-page .notice.info{padding:12px 14px;border-radius:10px;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.25)}
@media(max-width:760px){.membership-page .membership-plan-grid{grid-template-columns:1fr}.membership-page .membership-stat-grid{grid-template-columns:1fr}.membership-page .membership-page-heading{display:block}.membership-page .membership-price{font-size:32px}}

.membership-page .membership-extra-points{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-radius:12px;background:rgba(45,212,191,.09);border:1px solid rgba(45,212,191,.22)}
.membership-page .membership-extra-points span{font-size:13px;color:var(--muted,#a4afc5)}
.membership-page .membership-extra-points strong{font-size:22px;color:#9ff3e5}


/* Admin security and accessibility refinement. */
.admin-logout-form{margin:0;padding:0}
.admin-logout-button{width:100%;justify-content:flex-start;text-align:left;padding:10px 11px;border-radius:11px;font-size:12px;font-weight:800}
.btn:focus-visible,.nav a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #80e7ef;outline-offset:2px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Landing final touch: compact process cards and remove large empty area (v75). */
@media (min-width: 1181px) {
  body:not(.admin-area) .process-grid {
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) minmax(0, 1fr);
    align-items: stretch;
  }
  body:not(.admin-area) .process-support-column {
    display: contents;
  }
  body:not(.admin-area) .process-main {
    height: auto;
    min-height: 0;
    grid-column: auto;
  }
  body:not(.admin-area) .process-420-ad {
    grid-column: 1 / -1;
  }
}

@media (min-width: 721px) and (max-width: 1180px) {
  body:not(.admin-area) .process-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }
  body:not(.admin-area) .process-support-column {
    display: contents;
  }
  body:not(.admin-area) .process-main {
    height: auto;
    min-height: 0;
    grid-column: 1 / -1;
  }
  body:not(.admin-area) .process-420-ad {
    grid-column: 1 / -1;
  }
}

@media (max-width: 720px) {
  body:not(.admin-area) .process-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  body:not(.admin-area) .process-support-column {
    display: contents;
  }
  body:not(.admin-area) .process-main {
    height: auto;
    min-height: 0;
    grid-column: auto;
  }
  body:not(.admin-area) .process-420-ad {
    grid-column: 1 / -1;
  }
}