.cclp-page{--cc-navy:#06152b;--cc-panel:#0b2342;--cc-blue:#087fea;--cc-cyan:#20c9f2;--cc-text:#f6f9ff;--cc-muted:#b7c7dc;--cc-line:rgba(112,190,255,.2);background:#061326;color:#f6f9ff;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.65;overflow:hidden}
.cclp-page *{box-sizing:border-box}.cclp-page a{text-decoration:none}.cclp-container{width:min(1120px,92%);margin:0 auto}
.cclp-hero{padding:76px 0 82px;background:radial-gradient(circle at 83% 18%,rgba(10,139,244,.25),transparent 28%),linear-gradient(135deg,#07172e,#061326 65%)}
.cclp-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.cclp-eyebrow{display:inline-block;color:#54dafa;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.cclp-hero h1{font-size:clamp(42px,6vw,72px);line-height:.99;letter-spacing:-.055em;color:#fff;margin:18px 0 12px;font-weight:950}
.cclp-hero h1 span,.cclp-center h2 span,.cclp-bonus h2 span,.cclp-final h2 span{color:#22c8f0}
.cclp-hero h2{font-size:clamp(19px,2.3vw,26px);color:#c9e8ff;margin:0 0 18px;font-weight:750}
.cclp-lead{font-size:18px;color:#c1d0e2;max-width:610px;margin:0 0 26px}
.cclp-actions{display:flex;gap:12px;flex-wrap:wrap}
.cclp-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 23px;border-radius:999px;background:linear-gradient(105deg,#08b9ef,#2679ff);color:#04152b!important;font-size:13px;font-weight:950;letter-spacing:.025em;box-shadow:0 12px 34px rgba(0,151,255,.22);transition:transform .2s,filter .2s}
.cclp-btn:hover{transform:translateY(-2px);filter:brightness(1.08);color:#04152b!important}
.cclp-btn-ghost{background:transparent;color:#f4f8ff!important;border:1px solid rgba(190,220,255,.35);box-shadow:none}
.cclp-note{font-size:12px;color:#9eb4cc;margin:13px 0 17px}
.cclp-proofline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#a9c1da;font-size:11px;font-weight:700}
.cclp-proofline i{width:4px;height:4px;border-radius:50%;background:#21c8f0}
.cclp-cover-wrap{position:relative}
.cclp-cover-glow{position:absolute;inset:10% 4%;background:#087fea;filter:blur(70px);opacity:.22}
.cclp-cover{position:relative;display:block;width:100%;height:auto;border-radius:17px;border:1px solid rgba(90,190,255,.25);box-shadow:0 28px 80px rgba(0,0,0,.45)}
.cclp-section{padding:76px 0;background:#061326}
.cclp-problem,.cclp-bonus,.cclp-faq{background:#081a32}
.cclp-center{text-align:center;max-width:760px;margin:0 auto 36px}
.cclp-center h2,.cclp-bonus h2,.cclp-final h2{font-size:clamp(30px,4vw,46px);line-height:1.1;letter-spacing:-.04em;color:#fff;margin:12px 0 16px}
.cclp-center>p,.cclp-muted{color:#adbed2;max-width:680px;margin:0 auto}
.cclp-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.cclp-card{padding:25px;border:1px solid var(--cc-line);border-radius:17px;background:linear-gradient(145deg,#102b4c,#0a1c34)}
.cclp-card>b{color:#26c8f1;font-size:12px;letter-spacing:.12em}
.cclp-card h3{font-size:18px;line-height:1.3;color:#fff;margin:12px 0 8px}
.cclp-card p,.cclp-chapter-grid p,.cclp-audience-grid p{font-size:14px;color:#aebfd3;margin:0}
.cclp-chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.cclp-chapter-grid article{padding:25px;border-radius:17px;border:1px solid var(--cc-line);background:#0b203b}
.cclp-chapter-grid small{color:#29d0f5;font-weight:900;letter-spacing:.12em}
.cclp-chapter-grid h3{color:#fff;font-size:21px;line-height:1.2;margin:12px 0}
.cclp-topic-list{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.cclp-topic-list span{font-size:12px;color:#d4e6f8;border:1px solid var(--cc-line);border-radius:999px;padding:8px 12px;background:#0a1c32}
.cclp-bonus-grid{display:grid;grid-template-columns:1fr .85fr;gap:55px;align-items:center}
.cclp-bonus h2{margin-bottom:14px}
.cclp-muted{margin:0}
.cclp-checklist{list-style:none;padding:0;margin:22px 0 0}
.cclp-checklist li{padding:10px 0;border-bottom:1px solid var(--cc-line);color:#dce9f8;font-size:14px}
.cclp-checklist li:before{content:"✓";color:#28d2f4;font-weight:950;margin-right:12px}
.cclp-bonus-panel{padding:34px;border-radius:22px;border:1px solid rgba(34,200,242,.4);background:linear-gradient(145deg,#10365d,#0a1b32);box-shadow:0 20px 60px rgba(0,0,0,.22)}
.cclp-bonus-icon{width:48px;height:48px;border-radius:14px;background:#123e67;color:#34d7f5;display:grid;place-items:center;font-size:25px}
.cclp-bonus-panel h3{font-size:27px;color:#fff;line-height:1.15;margin:18px 0 10px}
.cclp-bonus-panel p{color:#b7c9dc;margin:0 0 23px;font-size:14px}
.cclp-audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cclp-audience-grid>div{padding:22px;border-radius:15px;background:#0b203b;border:1px solid var(--cc-line)}
.cclp-audience-grid strong{display:block;color:#fff;margin-bottom:8px}
.cclp-faq-container{max-width:850px}
.cclp-faq details{border:1px solid var(--cc-line);border-radius:13px;background:#0b203b;margin:11px 0;padding:17px 20px}
.cclp-faq summary{cursor:pointer;color:#f6faff;font-weight:800}
.cclp-faq details p{color:#b4c5d9;font-size:14px;margin:12px 0 0}
.cclp-final{padding:85px 0;text-align:center;background:radial-gradient(ellipse at center,rgba(9,91,158,.45),transparent 65%),#061326}
.cclp-final-inner{max-width:800px}
.cclp-final h2{font-size:clamp(34px,5vw,55px)}
.cclp-final p{color:#b9cce1;font-size:17px;margin:0 auto 26px}
.cclp-btn-large{padding:17px 28px}
.cclp-final small{display:block;color:#92a9c4;font-size:11px;margin-top:13px}
.cclp-author{margin-top:27px;color:#9db2ca;font-size:13px}.cclp-author strong{color:#fff}
.cclp-mini-footer{border-top:1px solid var(--cc-line);padding:20px 4%;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#91a7c1;font-size:11px}
.cclp-mini-footer a{color:#bdeaff}
@media(max-width:800px){.cclp-hero-grid,.cclp-bonus-grid{grid-template-columns:1fr;gap:32px}.cclp-cover-wrap{max-width:680px;margin:auto}.cclp-card-grid,.cclp-chapter-grid{grid-template-columns:1fr 1fr}.cclp-audience-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.cclp-hero{padding:48px 0 55px}.cclp-hero-grid{gap:25px}.cclp-hero h1{font-size:43px}.cclp-lead{font-size:15px}.cclp-section{padding:55px 0}.cclp-card-grid,.cclp-chapter-grid,.cclp-audience-grid{grid-template-columns:1fr}.cclp-actions{display:grid}.cclp-btn{width:100%}.cclp-bonus-panel{padding:25px}.cclp-mini-footer{display:block;text-align:center}.cclp-mini-footer>div+div{margin-top:7px}}