@font-face{font-family:CPFPublic;src:url('fonts/proxima_nova/proxima-nova-regular-webfont.woff') format('woff');font-weight:400;font-display:swap}

@font-face{font-family:CPFPublic;src:url('fonts/proxima_nova/proxima-nova-bold-webfont.woff') format('woff');font-weight:700 900;font-display:swap}

.cpf-public{--cpf-green:#30fa76;--cpf-muted:#c1cadb;--cpf-border:rgba(156,192,219,.29);margin:0;min-height:100vh;color:#f7f8ff;font:18px/1.45 CPFPublic,Arial,sans-serif;background:#04101d;background-image:radial-gradient(ellipse at 94% 14%,#003d3c70,transparent 33%),radial-gradient(ellipse at 0 60%,#3c12753b,transparent 35%),linear-gradient(125deg,#07101e,#02101b 55%,#060b19);position:relative;isolation:isolate;overflow-x:clip}

.cpf-public .cpf-backdrop::before,.cpf-public .cpf-backdrop::after{content:'';position:absolute;z-index:-1;pointer-events:none;width:540px;height:250px;border-radius:50%;border-bottom:2px solid #00edb5;box-shadow:0 22px 35px -22px #00ffc5,inset 0 -28px 28px -35px #00ffd0;transform:rotate(-30deg);right:-250px;top:-100px;background:linear-gradient(20deg,transparent,#008d8030)}

.cpf-public .cpf-backdrop::after{top:auto;right:auto;left:-310px;bottom:0;transform:rotate(24deg);width:720px;border-color:#00ffd8}

.cpf-public *{box-sizing:border-box}
.cpf-public a{color:inherit;text-decoration:none}
.cpf-public button,.cpf-public input,.cpf-public select{font:inherit}
.cpf-public button,.cpf-public a{-webkit-tap-highlight-color:transparent}
.cpf-public a:focus-visible,.cpf-public button:focus-visible,.cpf-public input:focus-visible,.cpf-public select:focus-visible{outline:3px solid #37f5c6;outline-offset:4px}
.cpf-public img{max-width:100%;object-fit:contain}
.cpf-public h1,.cpf-public h2,.cpf-public h3,.cpf-public p{margin:0}
.cpf-public em{font-style:normal;color:var(--cpf-green)}
.cpf-public .cpf-shell{width:min(1180px,90%);margin:auto}
.cpf-public .cpf-icon{width:26px;height:26px;flex:none;vertical-align:middle}
.cpf-public .cpf-brand{display:inline-flex;align-items:center;gap:10px;font-size:28px;font-weight:800;letter-spacing:-.7px;white-space:nowrap}
.cpf-public .cpf-brand strong{color:var(--cpf-green)}
.cpf-public .cpf-brand-mark{color:#ffcc29;position:relative}
.cpf-public .cpf-brand-mark>.cpf-icon{width:30px;height:35px;transform:rotate(-12deg)}
.cpf-public .cpf-brand-mark>span{position:absolute;color:white;font-size:29px;top:-16px;left:13px;transform:rotate(-10deg)}

.cpf-public .cpf-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(105deg,#2df879,#b5ff7c);border:1px solid transparent;border-radius:14px;color:#02120c;font-weight:700;padding:13px 24px;cursor:pointer;min-height:50px;box-shadow:0 6px 24px #20ff6d0c;transition:transform .18s,filter .18s}
.cpf-public .cpf-button:hover{filter:brightness(1.08);transform:translateY(-2px)}
.cpf-public .cpf-outline{border:1px solid #657386;background:linear-gradient(145deg,#19233260,#07101c);color:#f7f8ff;box-shadow:inset 0 0 0 2px #ffffff06}
.cpf-public .cpf-outline .cpf-icon:last-child{color:#46cfa4}
.cpf-public .cpf-badge{border:1px solid #16aea4;border-radius:30px;display:inline-flex;align-items:center;gap:12px;padding:8px 16px;color:#24ffc5;background:linear-gradient(110deg,#103a4f,#01302b70);box-shadow:inset 0 0 12px #00ffa914;font-weight:700;font-size:19px}
.cpf-public .cpf-badge .cpf-icon{color:#ffc52e}
.cpf-public h1{font-size:clamp(42px,5.4vw,68px);line-height:.99;letter-spacing:-1.7px;font-weight:800}
.cpf-public h2{font-size:30px;line-height:1.2;font-weight:700;letter-spacing:-.5px}
.cpf-public p{color:var(--cpf-muted)}

.cpf-home .cpf-header{min-height:88px;border-bottom:1px solid #ffffff0c;display:flex;align-items:center;gap:30px;justify-content:space-between}
.cpf-home .cpf-brand{font-size:25px}
.cpf-home .cpf-navigation{display:flex;align-self:stretch;gap:34px;align-items:center;font-size:16px;font-weight:700}
.cpf-home .cpf-navigation a{height:100%;display:flex;align-items:center;gap:8px;border-bottom:2px solid transparent}
.cpf-home .cpf-navigation .cpf-icon{width:20px;height:20px}
.cpf-home .cpf-navigation a:hover,.cpf-home .cpf-navigation .cpf-active{color:var(--cpf-green);border-color:var(--cpf-green)}
.cpf-home .cpf-header-actions{display:flex;gap:12px}
.cpf-home .cpf-header-actions .cpf-button{font-size:16px;min-height:42px;border-radius:12px;padding:8px 24px}
.cpf-home .cpf-menu-toggle{display:none}
.cpf-home .cpf-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:490px;gap:10px;padding:30px 20px 15px}
.cpf-home .cpf-hero h1{margin:18px 0 22px;white-space:nowrap}
.cpf-home .cpf-hero-copy>p{font-size:22px;max-width:545px;line-height:1.35}
.cpf-home .cpf-hero-art{width:100%;height:auto;filter:drop-shadow(0 0 24px #09d0cf15)}
.cpf-home .cpf-hero-actions{display:flex;gap:16px;margin-top:28px;flex-wrap:wrap}
.cpf-home .cpf-hero-benefits{display:flex;justify-content:space-between;gap:16px;margin-top:30px;font-size:16px;max-width:550px}
.cpf-home .cpf-hero-benefits span{display:flex;align-items:center;gap:10px;white-space:nowrap}
.cpf-home .cpf-hero-benefits .cpf-icon{color:var(--cpf-green);width:32px;height:32px}
.cpf-home .cpf-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--cpf-border);background:linear-gradient(115deg,#0e2c2d66,#1016229c);border-radius:18px;padding:24px 16px;box-shadow:inset 0 1px 0 #ffffff08;margin:12px 0 36px}
.cpf-home .cpf-stats>div{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:14px;border-right:1px solid #66849145;row-gap:8px}
.cpf-home .cpf-stats>div:last-child{border:0}
.cpf-home .cpf-stats .cpf-icon{width:36px;height:36px;color:#22ee71}
.cpf-home .cpf-stats>div:nth-child(2) .cpf-icon{color:#ffcd11}
.cpf-home .cpf-stats>div:nth-child(3) .cpf-icon{color:#00cfe9}
.cpf-home .cpf-stats>div:nth-child(4) .cpf-icon{color:#ffa000}
.cpf-home .cpf-stats strong{font-size:29px}
.cpf-home .cpf-stats span{grid-column:1/-1;text-align:center;font-size:16px}
.cpf-home .cpf-ways{display:grid;grid-template-columns:30% 1fr;align-items:center;gap:20px;margin:25px -16px 34px}
.cpf-home .cpf-ways>img{width:100%;height:auto}
.cpf-home .cpf-ways h2{font-size:35px;margin-bottom:12px}
.cpf-home .cpf-heading-line{height:3px;width:50px;background:#2bfa77;margin-bottom:22px}
.cpf-home .cpf-earn-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.cpf-home .cpf-earn-grid a{display:flex;min-height:117px;align-items:center;justify-content:center;flex-direction:column;gap:12px;border:1px solid #a8b9e23d;border-radius:19px;background:linear-gradient(135deg,#28283caa,#121a26d9);box-shadow:inset 0 1px 1px #ffffff12;transition:transform .2s,border-color .2s}
.cpf-home .cpf-earn-grid a:hover{transform:translateY(-4px);border-color:var(--cpf-green)}
.cpf-home .cpf-earn-grid .cpf-icon{width:38px;height:38px;color:#2af579}
.cpf-home .cpf-earn-grid a:nth-child(2) .cpf-icon{color:#7fc8ff}
.cpf-home .cpf-earn-grid a:nth-child(3) .cpf-icon{color:#a1b5ff}
.cpf-home .cpf-earn-grid a:nth-child(4) .cpf-icon{color:#ffaf40}
.cpf-home .cpf-earn-grid a:nth-child(5) .cpf-icon,.cpf-home .cpf-earn-grid a:nth-child(7) .cpf-icon{color:#ffdc38}
.cpf-home .cpf-earn-grid a:nth-child(8) .cpf-icon{color:#68b9ff}
.cpf-home .cpf-earn-grid a:nth-child(9) .cpf-icon,.cpf-home .cpf-earn-grid a:nth-child(10) .cpf-icon{color:#e08afa}
.cpf-home .cpf-earn-grid span{font-size:16px;font-weight:700;text-align:center}
.cpf-home .cpf-bottom-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:28px}
.cpf-home .cpf-panel{min-width:0;border:1px solid var(--cpf-border);border-radius:20px;padding:24px;background:linear-gradient(135deg,#29304170,#111b2873);box-shadow:inset 0 1px 1px #ffffff08;scroll-margin-top:25px}
.cpf-home .cpf-panel h2{display:flex;align-items:center;gap:14px;font-size:26px;border-bottom:1px solid #9da8c02b;padding-bottom:18px;white-space:nowrap}
.cpf-home .cpf-panel h2>.cpf-icon{color:var(--cpf-green);width:30px;height:30px}
.cpf-home .cpf-live{margin-left:auto;background:#94ff89;color:#05391b;border-radius:20px;font-size:15px;padding:3px 14px;letter-spacing:0}
.cpf-home .cpf-withdrawal{display:grid;grid-template-columns:32px minmax(70px,1fr) auto 28px 85px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #a5b9d014;font-size:16px}
.cpf-home .cpf-withdrawal:last-child{border:0}
.cpf-home .cpf-withdrawal strong{overflow:hidden;text-overflow:ellipsis}
.cpf-home .cpf-withdrawal time{color:#c1c7d4;text-align:right;font-size:15px}
.cpf-home .cpf-avatar{display:grid;place-items:center;border:1px solid #9ac4b52e;border-radius:50%;width:32px;height:32px;background:#c0e3d11a}
.cpf-home .cpf-avatar .cpf-icon{width:21px;height:21px}
.cpf-home .cpf-currencies{display:flex;justify-content:space-around;gap:16px;flex-wrap:wrap;padding:24px 0 30px}
.cpf-home .cpf-currencies>div{display:flex;align-items:center;flex-direction:column;gap:10px;font-size:16px}
.cpf-home .cpf-payment-benefits{display:flex;border:1px solid #49be9750;background:linear-gradient(110deg,#12433545,#17363940);border-radius:18px;padding:20px;gap:16px;justify-content:space-around}
.cpf-home .cpf-payment-benefits>div{display:flex;gap:16px;align-items:center;font-size:16px}
.cpf-home .cpf-payment-benefits>div+div{border-left:1px solid #678d8d44;padding-left:22px}
.cpf-home .cpf-payment-benefits .cpf-icon{width:42px;height:42px;color:var(--cpf-green)}
.cpf-home .cpf-payment-benefits strong{display:block;font-size:25px}
.cpf-home .cpf-payment-benefits>div:first-child strong{color:#65fa77;font-size:32px}
.cpf-home .cpf-footer{padding:28px 0;text-align:center;color:#9baabe;font-size:14px}
.cpf-home .cpf-public-ad{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;font-size:14px}
.cpf-home .cpf-public-ad iframe{max-width:100%;border:0}
.cpf-home .cpf-empty{padding:24px;font-size:16px}

.cpf-auth .cpf-shell{max-width:1040px}
.cpf-auth .cpf-auth-header{padding:32px 0}
.cpf-auth .cpf-brand{font-size:34px}
.cpf-auth .cpf-auth-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:44px;align-items:start;padding:105px 0 130px}
.cpf-auth .cpf-marketing{padding-top:0}
.cpf-auth .cpf-marketing h1{font-size:54px;margin:25px 0 22px;letter-spacing:-.9px;line-height:1}
.cpf-auth .cpf-marketing>p{font-size:22px;line-height:1.35}
.cpf-auth .cpf-wallet{display:block;width:112%;max-width:112%;height:auto;margin:5px -6% 10px}
.cpf-auth .cpf-feature-icon{border:1px solid #189a915e;border-radius:18px;background:linear-gradient(140deg,#13605a72,#081b2960);box-shadow:inset 0 0 22px #00ffb50b;display:inline-flex;align-items:center;justify-content:center;width:66px;height:66px;flex:none;color:#30fa76}
.cpf-auth .cpf-feature-icon .cpf-icon{width:37px;height:37px}
.cpf-auth .cpf-benefit-list{display:flex;flex-direction:column;gap:28px}
.cpf-auth .cpf-benefit-list>div{display:flex;align-items:flex-start;gap:24px}
.cpf-auth .cpf-benefit-list h3{font-size:23px;line-height:1.1;margin-bottom:5px}
.cpf-auth .cpf-benefit-list p{font-size:18px;line-height:1.2}
.cpf-auth .cpf-auth-card{padding:46px 38px 42px;border:1px solid #608ba1a6;border-radius:36px;background:linear-gradient(120deg,#19394b66,#071a2866 50%,#06313a42);box-shadow:inset 0 1px 2px #c0e6ff35,inset 0 -1px 18px #00b0cf0b}
.cpf-auth .cpf-auth-title{text-align:center;margin-bottom:32px}
.cpf-auth .cpf-auth-title>.cpf-feature-icon{width:85px;height:82px;border-radius:21px;margin-bottom:20px}
.cpf-auth .cpf-auth-title>.cpf-feature-icon .cpf-icon{width:48px;height:48px}
.cpf-auth .cpf-auth-title h2{font-size:52px;letter-spacing:-.8px;margin-bottom:12px;white-space:nowrap}
.cpf-auth .cpf-auth-title p{font-size:22px;line-height:1.3}
.cpf-auth form>label,.cpf-auth .cpf-captcha>label{font-size:21px;font-weight:700;display:block;margin-bottom:8px}
.cpf-auth .cpf-input{display:flex;align-items:center;gap:18px;border:1px solid #7a9fbd9c;border-radius:13px;background:linear-gradient(110deg,#27364777,#21323e88);box-shadow:inset 0 1px 1px #ffffff09;min-height:61px;padding:0 21px;margin-bottom:24px;color:#add0de}
.cpf-auth .cpf-input:focus-within{border-color:#35e6b6;box-shadow:0 0 0 3px #28f6bc18}
.cpf-auth .cpf-input input{border:0;background:transparent;color:#f3f7ff;width:100%;min-width:0;outline:none;min-height:59px;font-size:21px;padding:0}
.cpf-auth .cpf-input input:focus-visible{outline:0}
.cpf-auth .cpf-input input::placeholder{color:#bbcede;opacity:1}
.cpf-auth .cpf-input .cpf-icon{width:26px;height:26px}
.cpf-auth .cpf-password-toggle{border:0;background:none;color:#b8d2e2;padding:5px;cursor:pointer;display:flex}
.cpf-auth .cpf-forgot{text-align:right;margin:0 0 28px;font-size:19px;font-weight:700;color:#35fa87}
.cpf-auth .cpf-auth-ad{text-align:center;max-width:100%;overflow:auto}
.cpf-auth .cpf-auth-ad:empty{display:none}
.cpf-auth .cpf-captcha{display:flow-root;margin:26px 0 32px;max-width:100%;height:auto;max-height:none;overflow:visible}
.cpf-auth .cpf-captcha select{width:100%;min-height:54px;border:1px solid #7195aca1;border-radius:12px;color:#e8f2ff;background:#172b3b;padding:10px 15px;margin-bottom:20px}
.cpf-auth .cpf-captcha .captcha{margin:8px auto}
.cpf-auth .cpf-captcha .cf-turnstile{display:flex;justify-content:center}
.cpf-auth .cpf-submit{width:100%;font-size:29px;min-height:69px;border-radius:17px;gap:16px}
.cpf-auth .cpf-submit .cpf-icon{width:30px;height:30px}
.cpf-auth .cpf-auth-switch{border-top:1px solid #83a1bc33;text-align:center;font-size:20px;margin-top:38px;padding-top:20px}
.cpf-auth .cpf-auth-switch a{font-weight:700;color:#3cf871}
.cpf-auth .cpf-google{width:100%;margin-bottom:22px;font-size:18px}
.cpf-auth .cpf-messages .alert{padding:12px 16px;background:#38272d;border:1px solid #cb747459;border-radius:10px;margin-bottom:20px;color:#fff}
.cpf-auth .cpf-messages .alert-success{background:#103c2e;border-color:#39d89b}
.cpf-auth .cpf-messages .close{float:right;color:inherit;background:none;border:0;cursor:pointer}
.cpf-register .cpf-auth-grid{padding-top:65px}
.cpf-register .cpf-marketing{padding-top:45px}
.cpf-register .cpf-auth-card{padding-top:40px}
.cpf-register .cpf-auth-title{margin-bottom:24px}
.cpf-register .cpf-auth-title h2{font-size:50px}
.cpf-register .cpf-input{min-height:54px;margin-bottom:18px}
.cpf-register .cpf-input input{min-height:52px}
.cpf-register .cpf-captcha{margin:22px 0 28px}
.cpf-register .cpf-auth-switch{margin-top:30px}

@media(min-width:1500px){.cpf-home .cpf-shell{max-width:1240px}
.cpf-home .cpf-hero{min-height:520px}
.cpf-home .cpf-hero h1{font-size:72px}
}

@media(max-width:1100px){.cpf-home .cpf-navigation{gap:18px}
.cpf-home .cpf-header{gap:18px}
.cpf-home .cpf-brand{font-size:22px}
.cpf-home .cpf-header-actions .cpf-button{padding:8px 16px}
.cpf-home .cpf-hero{padding-left:0;padding-right:0}
.cpf-home .cpf-hero h1{font-size:57px}
.cpf-home .cpf-hero-copy>p{font-size:20px}
.cpf-home .cpf-hero-benefits{gap:12px;font-size:14px}
.cpf-home .cpf-bottom-grid{gap:20px}
.cpf-home .cpf-panel{padding:18px}
.cpf-home .cpf-panel h2{font-size:23px}
.cpf-home .cpf-withdrawal{gap:7px;font-size:14px;grid-template-columns:28px minmax(55px,1fr) auto 24px 74px}
.cpf-home .cpf-ways h2{font-size:30px}
.cpf-home .cpf-earn-grid{gap:12px}
.cpf-home .cpf-earn-grid span{font-size:14px}
.cpf-auth .cpf-auth-grid{gap:30px}
.cpf-auth .cpf-marketing h1{font-size:46px}
.cpf-auth .cpf-auth-card{padding:38px 28px}
.cpf-auth .cpf-auth-title h2,.cpf-register .cpf-auth-title h2{font-size:43px}
.cpf-auth .cpf-marketing>p,.cpf-auth .cpf-auth-title p{font-size:20px}
}

@media(max-width:850px){.cpf-home .cpf-header{flex-wrap:wrap;padding:18px 0;position:relative}
.cpf-home .cpf-menu-toggle{display:block;background:none;border:1px solid #617282;color:white;border-radius:9px;padding:5px 12px;font-size:24px;margin-left:auto}
.cpf-home .cpf-navigation{display:none;order:4;width:100%;padding-top:12px}
.cpf-home .cpf-navigation.cpf-open{display:flex;justify-content:space-between}
.cpf-home .cpf-navigation a{padding:10px 0}
.cpf-home .cpf-hero{grid-template-columns:1fr 42%;min-height:400px}
.cpf-home .cpf-hero h1{font-size:44px;white-space:normal}
.cpf-home .cpf-hero-actions{gap:10px}
.cpf-home .cpf-hero-actions .cpf-button{font-size:15px;padding:12px}
.cpf-home .cpf-hero-benefits{flex-wrap:wrap;margin-top:24px}
.cpf-home .cpf-hero-benefits .cpf-icon{width:24px;height:24px}
.cpf-home .cpf-stats strong{font-size:24px}
.cpf-home .cpf-stats span{font-size:14px}
.cpf-home .cpf-ways{grid-template-columns:24% 1fr;gap:10px;margin-left:0;margin-right:0}
.cpf-home .cpf-ways h2{font-size:25px}
.cpf-home .cpf-earn-grid{gap:8px}
.cpf-home .cpf-earn-grid a{min-height:105px;border-radius:14px}
.cpf-home .cpf-earn-grid span{font-size:13px}
.cpf-home .cpf-bottom-grid{grid-template-columns:1fr}
.cpf-home .cpf-withdrawal{grid-template-columns:32px minmax(80px,1fr) auto 28px 90px;font-size:16px}
.cpf-auth .cpf-auth-grid{padding-top:45px;grid-template-columns:1fr 1.15fr;gap:24px}
.cpf-auth .cpf-marketing h1{font-size:36px}
.cpf-auth .cpf-marketing>p{font-size:18px}
.cpf-auth .cpf-auth-card{padding:30px 22px;border-radius:26px}
.cpf-auth .cpf-auth-title h2,.cpf-register .cpf-auth-title h2{font-size:34px}
.cpf-auth .cpf-auth-title p{font-size:18px}
.cpf-auth .cpf-auth-title p br{display:none}
.cpf-auth .cpf-benefit-list>div{gap:14px}
.cpf-auth .cpf-feature-icon{width:48px;height:48px;border-radius:13px}
.cpf-auth .cpf-feature-icon .cpf-icon{width:28px;height:28px}
.cpf-auth .cpf-benefit-list h3{font-size:19px}
.cpf-auth .cpf-benefit-list p{font-size:16px}
.cpf-auth .cpf-input{gap:10px;padding:0 13px}
.cpf-auth .cpf-input input{font-size:18px}
.cpf-auth .cpf-auth-switch{font-size:17px}
.cpf-auth form>label,.cpf-auth .cpf-captcha>label{font-size:19px}
}

@media(max-width:600px){.cpf-public .cpf-shell{width:90%}
.cpf-home .cpf-header-actions{gap:8px}
.cpf-home .cpf-header-actions .cpf-button{font-size:14px;padding:8px 12px;min-height:38px}
.cpf-home .cpf-brand{font-size:21px}
.cpf-home .cpf-header{gap:12px}
.cpf-home .cpf-menu-toggle{font-size:20px;padding:3px 8px}
.cpf-home .cpf-navigation{gap:12px;font-size:13px;flex-wrap:wrap}
.cpf-home .cpf-navigation .cpf-icon{width:16px;height:16px}
.cpf-home .cpf-hero{display:flex;flex-direction:column;padding-top:30px;gap:0}
.cpf-home .cpf-hero h1{font-size:clamp(35px,8.7vw,51px);margin:20px 0}
.cpf-home .cpf-hero-copy>p{font-size:19px}
.cpf-home .cpf-badge{font-size:16px;padding:7px 13px}
.cpf-home .cpf-hero-actions .cpf-button{min-height:48px;font-size:15px;gap:8px;padding:12px 13px}
.cpf-home .cpf-hero-actions .cpf-icon{width:20px;height:20px}
.cpf-home .cpf-hero-benefits{justify-content:flex-start;gap:14px;font-size:13px}
.cpf-home .cpf-hero-art{width:90%;max-width:380px;margin:-10px 0 -18px}
.cpf-home .cpf-stats{grid-template-columns:repeat(2,1fr);gap:22px 0;padding:22px 5px;margin-top:0}
.cpf-home .cpf-stats>div:nth-child(2){border:0}
.cpf-home .cpf-stats .cpf-icon{width:28px;height:28px}
.cpf-home .cpf-stats strong{font-size:24px}
.cpf-home .cpf-ways{display:flex;flex-direction:column;margin-top:0}
.cpf-home .cpf-ways>img{width:65%;max-width:250px;margin:-30px 0 -10px}
.cpf-home .cpf-ways>div{width:100%}
.cpf-home .cpf-ways h2{font-size:28px;text-align:center}
.cpf-home .cpf-heading-line{margin:14px auto 22px}
.cpf-home .cpf-earn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cpf-home .cpf-earn-grid a{min-height:112px}
.cpf-home .cpf-earn-grid span{font-size:16px}
.cpf-home .cpf-panel h2{font-size:21px;gap:9px;white-space:normal}
.cpf-home .cpf-live{font-size:12px;padding:3px 9px}
.cpf-home .cpf-withdrawal{grid-template-columns:26px minmax(55px,1fr) auto 22px;gap:8px;font-size:14px;padding:12px 0}
.cpf-home .cpf-withdrawal time{grid-column:2/-1;text-align:left;font-size:13px;margin-top:-5px}
.cpf-home .cpf-avatar{width:26px;height:26px}
.cpf-home .cpf-withdrawal>img{width:22px;height:22px}
.cpf-home .cpf-currencies{gap:20px}
.cpf-home .cpf-payment-benefits{padding:16px 12px;gap:12px}
.cpf-home .cpf-payment-benefits>div{gap:8px;font-size:13px}
.cpf-home .cpf-payment-benefits>div+div{padding-left:12px}
.cpf-home .cpf-payment-benefits .cpf-icon{width:28px;height:28px}
.cpf-home .cpf-payment-benefits strong{font-size:19px}
.cpf-home .cpf-payment-benefits>div:first-child strong{font-size:25px}
.cpf-auth .cpf-auth-header{padding:26px 0}
.cpf-auth .cpf-brand{font-size:29px}
.cpf-auth .cpf-auth-grid{display:flex;flex-direction:column;padding:25px 0 70px;gap:30px}
.cpf-auth .cpf-marketing{padding:0;width:100%}
.cpf-auth .cpf-marketing h1{font-size:43px;margin:20px 0 16px}
.cpf-auth .cpf-marketing>p{font-size:19px;max-width:440px}
.cpf-auth .cpf-wallet{width:75%;max-width:310px;margin:-4px auto -12px}
.cpf-auth .cpf-benefit-list{display:none}
.cpf-auth .cpf-auth-card{width:100%;padding:30px 22px;border-radius:26px}
.cpf-auth .cpf-auth-title h2,.cpf-register .cpf-auth-title h2{font-size:39px}
.cpf-auth .cpf-auth-title p{font-size:19px}
.cpf-auth .cpf-input{min-height:56px}
.cpf-auth .cpf-input input{min-height:54px;font-size:18px}
.cpf-auth .cpf-submit{font-size:25px;min-height:62px}
.cpf-auth .cpf-auth-switch{font-size:18px;margin-top:28px}
.cpf-auth .cpf-captcha{margin:24px 0}
.cpf-auth .cpf-auth-title>.cpf-feature-icon{width:68px;height:66px}
.cpf-auth .cpf-auth-title>.cpf-feature-icon .cpf-icon{width:38px;height:38px}
}

@media(prefers-reduced-motion:reduce){.cpf-public .cpf-button,.cpf-home .cpf-earn-grid a{transition:none}
}


.cpf-public{overflow-x:hidden}
.cpf-public .cpf-currency-fallback{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid #42bbbd66;border-radius:50%;color:#38edc2;background:#123636}
.cpf-home .cpf-withdrawal>.cpf-currency-fallback{width:28px;height:28px}
.cpf-home .cpf-withdrawal>.cpf-currency-fallback .cpf-icon{width:20px;height:20px}


.cpf-public .cpf-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}


@media(max-width:600px){.cpf-auth .cpf-marketing h1{font-size:clamp(32px,10.7vw,43px)}
.cpf-auth .cpf-auth-title h2,.cpf-register .cpf-auth-title h2{font-size:clamp(29px,9.5vw,39px)}
.cpf-auth .cpf-auth-title{min-width:0}
}


.cpf-public .cpf-brand-symbol{width:36px;height:43px;flex:none}
.cpf-auth .cpf-brand-symbol{width:38px;height:46px}
@media(max-width:600px){.cpf-auth .cpf-benefit-list{display:flex;gap:16px;margin:10px 0}
.cpf-auth .cpf-benefit-list h3{font-size:17px}
.cpf-auth .cpf-benefit-list p{font-size:15px}
.cpf-auth .cpf-benefit-list .cpf-feature-icon{width:40px;height:40px}
.cpf-auth .cpf-benefit-list .cpf-icon{width:25px;height:25px}
}


.cpf-home .cpf-legacy-ads{max-width:90%;width:728px;margin:0 auto;display:grid;gap:16px}
.cpf-home .cpf-legacy-ads>div{max-width:100%;overflow:auto;text-align:center}
.cpf-home .cpf-legacy-ads iframe{border:0;max-width:100%}