/* Shared visual refresh. Account data, native badges and avatar rules stay independent. */
.cf-site{--green:#238f53;--green-hover:#197544;--green-deep:#167344;--green-btn:#238f53;--text:#243d32;--muted:#6a7e72;--line:#dfe9e1;--bg:#f4f7f3;--max:1180px;color:#243d32;font-family:"Segoe UI",Arial,sans-serif}
.cf-site .cf-main{background:radial-gradient(ellipse at 95% 0,#e5f2df 0,transparent 42%),#f4f7f3}
.cf-site .cf-top{background:rgba(255,255,255,.97);border-bottom:1px solid #e1eae3;box-shadow:0 3px 20px #183c2410}
.cf-site .cf-top .cf-top-inner{max-width:1180px;min-height:78px;gap:24px}
.cf-site .cf-top nav.cf-links{gap:8px 20px}
.cf-site .cf-top nav.cf-links a{font-size:13px;font-weight:600;color:#465c50!important;border-radius:7px}
.cf-site .cf-top nav.cf-links a.active,.cf-site .cf-top nav.cf-links a:hover{color:#167344!important}
.cf-site .cf-btn{border-radius:9px;min-height:42px;transition:background .16s,box-shadow .16s}
.cf-site .cf-btn-solid{background:#238f53;border-color:#238f53;box-shadow:0 4px 10px #238f5320}
.cf-site .cf-btn-solid:hover{background:#197544;border-color:#197544}
.cf-site .cf-btn-ghost{border:1px solid #bdd5c3;color:#21683f!important;background:#fff}
.cf-site .cf-btn-ghost:hover{background:#edf6ee}
.cf-site :is(a,button,input,select,textarea):focus-visible{outline:3px solid #75b78b;outline-offset:3px}
.cf-site .cf-section{padding-top:36px;padding-bottom:44px}
.cf-site .cf-section-title h2{color:#214932;font-size:30px;font-weight:650;letter-spacing:-.6px}
.cf-site .cf-section-title p{color:#637b6b;line-height:1.7}
.cf-site .cf-hero{background:radial-gradient(ellipse at 15% 0,#397850 0,transparent 55%),linear-gradient(125deg,#173b2b,#215b3d);padding:74px 24px 64px}
.cf-site .cf-hero h1{font-weight:650;letter-spacing:-1.4px;font-size:clamp(32px,4.5vw,54px);max-width:19ch;line-height:1.12}
.cf-site .cf-hero h1 b{color:#b5e69b}
.cf-site .cf-hero .cf-btn-solid{background:#b9e78f;border-color:#b9e78f;color:#173c26!important}
.cf-site .cf-quote{border:1px solid #ffffff20;background:#ffffff0d;border-radius:12px;padding:18px}
.cf-site .cf-quote p{color:#edf7ee}.cf-site .cf-quote span{color:#bcd6c1}
.cf-site .cf-band{background:#e9f3e4;color:#264933;padding:48px 24px}
.cf-site .cf-band h2{color:#264933;font-weight:650}
.cf-site .cf-cta-strip{background:#fff;padding:44px 20px}
.cf-site .cf-card,.cf-site .cf-panel,.cf-site .cf-profile-card,.cf-site .cf-profile-main{border:1px solid #dfe8e1;border-radius:16px;box-shadow:0 6px 24px #183c2406;background:#fff}
.cf-site .cf-card{padding:20px;transition:border-color .16s,box-shadow .16s}
.cf-site .cf-card:hover{border-color:#a9c7b2;box-shadow:0 8px 24px #183c2410}
.cf-site .cf-panel{padding:24px}
.cf-site .cf-panel h2,.cf-site .cf-profile-main-h h2,.cf-site .cf-about h3{color:#33744c;font-weight:650}
.cf-site .cf-profile{gap:24px;padding-top:32px}
.cf-site .cf-profile-card{padding:28px 20px 20px}
.cf-site .cf-profile-main{padding:24px;min-height:270px}
.cf-site .cf-profile-dl div{padding:10px 0;border-color:#edf1ed}
.cf-site .cf-profile-dl dt{color:#718075}.cf-site .cf-profile-dl dd{color:#334b3d}
.cf-site .cf-profile-actions{border-radius:12px;background:#f6f9f3;padding:16px 4px;gap:12px}
.cf-site .cf-profile-links{padding-top:16px}
.cf-site .cf-leaderboard{background:transparent}
.cf-site .cf-leader-welcome{background:radial-gradient(ellipse at 80% 20%,#dcf0d2,transparent 55%),linear-gradient(120deg,#f7faf3,#edf5e9);border-bottom:1px solid #dce8d9;padding:48px 24px 50px}
.cf-site .cf-leader-welcome h1{color:#244931;font-weight:650;font-size:clamp(30px,4vw,42px);letter-spacing:-1px}
.cf-site .cf-leader-welcome p{color:#617d68;font-size:17px;max-width:740px;margin:auto;line-height:1.7}
.cf-site .cf-leader-welcome a{color:#237c46;font-weight:600}
.cf-site .cf-leader-body{max-width:1240px;padding-top:28px}
.cf-site .cf-leader-toolbar{margin-bottom:24px;gap:16px}
.cf-site .cf-search input{border:1px solid #cfded2;border-radius:9px;padding:11px 14px!important;min-height:42px;background:#fff}
.cf-site .cf-search button{border-radius:9px;border:1px solid #238f53;background:#238f53;color:white;padding:10px 20px;font-weight:600}
.cf-site .cf-period-tabs{padding:4px;background:#e5ede3;border-radius:10px;gap:3px}
.cf-site .cf-period-tabs button{padding:8px 13px;font-size:11px;font-weight:600;border-radius:7px;color:#526b59}
.cf-site .cf-period-tabs button[aria-pressed=true]{background:#fff;color:#22653c;box-shadow:0 2px 6px #294b2420}
.cf-site .cf-leader-columns{gap:20px}
.cf-site .cf-leader-column{border:1px solid #dce6dc;border-radius:16px;padding:26px 18px;box-shadow:0 5px 20px #183c2405}
.cf-site .cf-leader-column h2{font-weight:600;color:#42634b;font-size:15px;margin-bottom:24px}
.cf-site .cf-leader-winner{background:linear-gradient(#f6faef,#fff);border-radius:12px;min-height:218px;padding:18px 8px 24px;margin-bottom:12px}
.cf-site .cf-leader-entry{min-height:62px;border-color:#edf2ed}
.cf-site .cf-leader-value{color:#647a6a;font-variant-numeric:tabular-nums}
.cf-site .cf-leader-note{line-height:1.8;color:#738377}
.cf-site .cf-leader-empty{background:#f7faf5;border-radius:12px;line-height:1.7;color:#7a887c}
.cf-site .cf-store-hero{border-radius:16px;background:linear-gradient(120deg,#fff,#eaf4e2);border-color:#dfe8db;padding:32px}
.cf-site .cf-store-hero h1{color:#294d34;letter-spacing:-1px}
.cf-site .cf-directory-tabs{border-radius:10px;overflow:hidden}
.cf-site .cf-member-row{border-color:#e5ece5}.cf-site .cf-member-row:hover{background:#f3f8ef}
.cf-site .cf-foot{background:#eaf0e7;border-top:1px solid #dce5d9}
.cf-site .cf-foot-inner{padding-top:36px;padding-bottom:32px}
.cf-site .cf-foot-cols h4{font-size:13px;font-weight:700;color:#284832;margin-bottom:14px}
.cf-site .cf-foot-cols a{color:#5c7463;line-height:1.8}
.cf-site .cf-upgrade-page{background:transparent;color:#354b3c;font-family:"Segoe UI",Arial,sans-serif}
.cf-site .cf-upgrade-page .hero{max-width:none;background:radial-gradient(ellipse at 75% 0,#dbefcf,transparent 65%),#f1f7ed;padding:46px 24px 66px}
.cf-site .cf-upgrade-page h1{font-weight:650;color:#254d33;font-size:clamp(29px,4vw,42px);letter-spacing:-1px}
.cf-site .cf-upgrade-page .hero p{color:#6d8172;font-size:17px}
.cf-site .cf-upgrade-page .billing{gap:0;display:inline-flex;padding:4px;border:1px solid #d6e3d3;border-radius:11px;background:#e4edde}
.cf-site .cf-upgrade-page .billing button{border:0;border-radius:8px;background:transparent;color:#54705a;padding:10px 20px}
.cf-site .cf-upgrade-page .billing button[aria-pressed=true]{background:#fff;color:#21623a;box-shadow:0 2px 7px #253a2220}
.cf-site .cf-upgrade-page .area{background:transparent;border-top:0}
.cf-site .cf-upgrade-page .plans{max-width:1100px;gap:22px}
.cf-site .cf-upgrade-page .plan{border:1px solid #dce6dc;border-radius:17px;overflow:hidden;box-shadow:0 8px 26px #16372207}
.cf-site .cf-upgrade-page .plan.selected{border-color:#429760;box-shadow:0 0 0 1px #429760,0 10px 28px #23753b10}
.cf-site .cf-upgrade-page .plan h2{background:#edf5e8;color:#2d583b;font-size:21px;padding:23px 12px;border-bottom:1px solid #e0eadd}
.cf-site .cf-upgrade-page .plan.selected h2{background:#245d3c;color:#fff}
.cf-site .cf-upgrade-page .description{color:#758477;font-size:13px}
.cf-site .cf-upgrade-page .plan .facts.pro-checklist{padding:0 24px;margin:8px 0 18px;border-top:0;color:#526c5a}
.cf-site .cf-upgrade-page .plan .facts.pro-checklist li{padding:6px 0;margin:5px 0;line-height:1.55;font-size:13px}
.cf-site .cf-upgrade-page .facts li:before{color:#298e50;font-weight:700}
.cf-site .cf-upgrade-page .plan>.price{color:#254f34;font-size:34px;letter-spacing:-.7px}
.cf-site .cf-upgrade-page .plan .old-price{color:#8b998d;letter-spacing:0}
.cf-site .cf-upgrade-page .plan>.choose{border-radius:9px;border-color:#a7c6af;color:#287645;font-weight:650;transition:background .16s}
.cf-site .cf-upgrade-page .choose:hover{background:#eef6e9}
.cf-site .cf-upgrade-page .selected .choose{background:#238f53;border-color:#238f53;color:#fff}
.cf-site .cf-upgrade-page .checkout{border:1px solid #dce6dd;border-radius:16px;box-shadow:0 5px 20px #183c2405;padding:28px}
.cf-site .cf-upgrade-page .checkout h3{color:#2a5137;font-weight:600;font-size:23px}
.cf-site .cf-upgrade-page input{border-radius:9px;border-color:#cfddcf;background:#fcfdfb}
.cf-site .cf-upgrade-page .pay{border-radius:9px}.cf-site .cf-upgrade-page .notice{font-size:12px;line-height:1.8}
.cf-site .cf-upgrade-page .links{font-size:13px;color:#3c7950}
@media(max-width:1200px){.cf-site .cf-top .cf-top-inner{gap:8px 18px}.cf-site .cf-top nav.cf-links{gap:6px 24px}}
@media(max-width:700px){.cf-site .cf-leader-welcome{padding:32px 18px}.cf-site .cf-leader-welcome p{font-size:15px}.cf-site .cf-leader-body{padding:20px 12px 30px}.cf-site .cf-profile{padding-top:20px;gap:18px}.cf-site .cf-profile-main{margin-top:18px;padding:20px}.cf-site .cf-panel{padding:20px}.cf-site .cf-hero{padding:48px 20px}.cf-site .cf-upgrade-page .plans{max-width:420px;gap:20px}.cf-site .cf-upgrade-page .hero{padding:34px 20px 58px}.cf-site .cf-upgrade-page .checkout{padding:22px}.cf-site .cf-upgrade-page .area{padding:0 14px 30px}}
@media(max-width:600px){.cf-site .cf-top .cf-top-inner{min-height:64px}.cf-site .cf-top nav.cf-links{gap:2px 8px}.cf-site .cf-top nav.cf-links a{font-size:12px}.cf-site .cf-top .cf-brand img{width:108px}.cf-site .cf-top .cf-top-actions .cf-btn-ghost{padding:7px 10px;min-height:36px}.cf-site .cf-period-tabs button{padding:8px 11px}.cf-site .cf-foot-cols{gap:20px}}
@media(prefers-reduced-motion:reduce){.cf-site .cf-btn,.cf-site .cf-card,.cf-site .cf-upgrade-page .choose{transition:none}}

.cf-site .cf-leader-toolbar .cf-search button{color:#fff!important}

/* Atmospheric motion and visible live presence, with reduced-motion support. */
.cf-site .cf-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 12% 12%,#4a885b,transparent 55%),radial-gradient(ellipse at 90% 90%,#267d60,transparent 55%),#123d2d}
.cf-site .cf-hero:before,.cf-site .cf-hero:after{content:"";position:absolute;z-index:-1;width:410px;height:410px;border:1px solid #bfe8b224;border-radius:50%;pointer-events:none;box-shadow:0 0 0 55px #bfe8b209,0 0 0 110px #bfe8b206;animation:cf-orbit-drift 14s ease-in-out infinite alternate}
.cf-site .cf-hero:before{left:-240px;top:20px}.cf-site .cf-hero:after{right:-240px;bottom:-90px;animation-delay:-7s}
.cf-site .cf-hero h1{position:relative;animation:cf-soft-enter .7s ease-out both}
.cf-site .cf-live-count{display:inline-block;color:#cef4a9!important;font-variant-numeric:tabular-nums;text-shadow:0 0 28px #b2ef7850}
.cf-site .cf-hero .cf-hero-note{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #b6e7ba35;border-radius:999px;padding:8px 16px;margin:12px auto 8px;color:#d8eddd;background:#ffffff09;font-size:12px}
.cf-site .cf-hero .cf-hero-note:before{content:"";width:7px;height:7px;border-radius:50%;background:#b9ed91;box-shadow:0 0 0 4px #b9ed9118;animation:cf-live-pulse 2.4s ease-in-out infinite}
.cf-site .cf-hero:has(.cf-live-count[data-live="false"]) .cf-hero-note:before{background:#b2bdb4;animation:none;box-shadow:none}
.cf-site .cf-hero>.cf-btn{display:table;margin:24px auto 6px;border-radius:12px;padding:15px 26px}
.cf-site .cf-quotes{position:relative;margin-top:32px}.cf-site .cf-quote{box-shadow:inset 0 1px #ffffff10;backdrop-filter:blur(5px)}
.cf-site .cf-leader-column,.cf-site .cf-upgrade-page .plan,.cf-site .cf-card{transition:transform .2s ease,box-shadow .2s ease}
@media(hover:hover){.cf-site .cf-leader-column:hover,.cf-site .cf-upgrade-page .plan:hover,.cf-site .cf-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px #1a4c2912}.cf-site .cf-btn:hover{box-shadow:0 7px 18px #237c4525}}
.cf-site .cf-profile-presence{transition:color .2s ease}
@keyframes cf-orbit-drift{from{transform:translateY(-12px) scale(.95)}to{transform:translateY(20px) scale(1.06)}}
@keyframes cf-live-pulse{0%,100%{box-shadow:0 0 0 3px #b9ed9118}50%{box-shadow:0 0 0 6px #b9ed9108}}
@keyframes cf-soft-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.cf-site .cf-hero:before,.cf-site .cf-hero:after,.cf-site .cf-hero h1,.cf-site .cf-hero .cf-hero-note:before{animation:none}.cf-site .cf-leader-column,.cf-site .cf-upgrade-page .plan,.cf-site .cf-card,.cf-site .cf-profile-presence{transition:none}.cf-site .cf-leader-column:hover,.cf-site .cf-upgrade-page .plan:hover,.cf-site .cf-card:hover{transform:none}}

.cf-site .cf-hero-bubbles{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.cf-site .cf-hero-bubbles span{position:absolute;bottom:-130px;left:8%;width:70px;height:70px;border-radius:50%;border:1px solid #d9ffd53b;background:radial-gradient(circle at 30% 25%,#e0ffca24,#b4ecbc03 65%);box-shadow:inset 0 0 20px #ffffff07;animation:cf-bubble-rise 18s linear infinite;opacity:0}
.cf-site .cf-hero-bubbles span:nth-child(2){left:22%;width:24px;height:24px;animation-duration:14s;animation-delay:-7s}
.cf-site .cf-hero-bubbles span:nth-child(3){left:38%;width:100px;height:100px;animation-duration:24s;animation-delay:-16s}
.cf-site .cf-hero-bubbles span:nth-child(4){left:54%;width:38px;height:38px;animation-duration:17s;animation-delay:-11s}
.cf-site .cf-hero-bubbles span:nth-child(5){left:70%;width:80px;height:80px;animation-duration:22s;animation-delay:-4s}
.cf-site .cf-hero-bubbles span:nth-child(6){left:85%;width:30px;height:30px;animation-duration:15s;animation-delay:-10s}
.cf-site .cf-hero-bubbles span:nth-child(7){left:94%;width:110px;height:110px;animation-duration:26s;animation-delay:-19s}
@keyframes cf-bubble-rise{0%{opacity:0;transform:translate3d(0,0,0)}12%{opacity:.75}85%{opacity:.6}100%{opacity:0;transform:translate3d(35px,-1000px,0)}}
@media(prefers-reduced-motion:reduce){.cf-site .cf-hero-bubbles span{animation:none;opacity:.2;bottom:20%;transform:none}.cf-site .cf-hero-bubbles span:nth-child(even){bottom:65%}}