:root{--ccpc-navy:#082F4F;--ccpc-dark:#061c31;--ccpc-blue:#0B5E96;--ccpc-green:#57A323;--ccpc-gold:#F4C858;--ccpc-white:#fff;--ccpc-soft:#f5f9fc;--ccpc-border:#d9e3ee;--ccpc-text:#13283b}
.ccpc-root *{box-sizing:border-box}.ccpc-banner{position:fixed;left:24px;right:24px;bottom:24px;z-index:99998;display:none;grid-template-columns:230px 1fr auto;gap:24px;align-items:center;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border:1px solid rgba(217,227,238,.9);border-radius:26px;box-shadow:0 24px 70px rgba(8,47,79,.24);overflow:hidden}.ccpc-banner.is-visible{display:grid}.ccpc-banner-left{height:100%;min-height:210px;background:linear-gradient(145deg,var(--ccpc-dark),var(--ccpc-navy),var(--ccpc-blue));display:flex;align-items:center;justify-content:center;padding:22px;position:relative}.ccpc-banner-left:after{content:"";position:absolute;right:-40px;top:0;bottom:0;width:80px;background:#fff;transform:skewX(-12deg)}.ccpc-logo{max-width:170px;position:relative;z-index:1}.ccpc-kicker{color:var(--ccpc-green);text-transform:uppercase;letter-spacing:.14em;font-weight:900;font-size:.78rem}.ccpc-banner h2,.ccpc-panel h2{margin:.15rem 0 .55rem;color:var(--ccpc-navy);font-size:clamp(1.5rem,3vw,2.4rem)}.ccpc-banner p,.ccpc-panel p{color:var(--ccpc-text);line-height:1.55}.ccpc-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.ccpc-btn{border:0;border-radius:12px;padding:12px 20px;font-weight:900;cursor:pointer;letter-spacing:.02em}.ccpc-btn-primary{background:linear-gradient(135deg,var(--ccpc-blue),var(--ccpc-green));color:#fff;box-shadow:0 10px 24px rgba(87,163,35,.22)}.ccpc-btn-outline{background:#fff;color:var(--ccpc-navy);border:1px solid #aebdcc}.ccpc-btn-plain{background:transparent;color:var(--ccpc-navy)}.ccpc-close{position:absolute;right:18px;top:14px;border:0;background:transparent;color:var(--ccpc-navy);font-size:34px;line-height:1;cursor:pointer}.ccpc-modal{position:fixed;inset:0;z-index:99999;display:none}.ccpc-modal.is-open{display:block}.ccpc-modal-backdrop{position:absolute;inset:0;background:rgba(3,18,32,.68);backdrop-filter:blur(6px)}.ccpc-panel{position:relative;margin:4vh auto;max-width:1180px;width:calc(100% - 32px);max-height:92vh;overflow:hidden;display:grid;grid-template-columns:290px 1fr;background:#fff;border-radius:26px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.ccpc-sidebar{background:linear-gradient(160deg,var(--ccpc-dark),var(--ccpc-navy),var(--ccpc-blue));color:#fff;padding:28px 22px}.ccpc-sidebar-logo{max-width:180px;margin-bottom:22px}.ccpc-sidebar h3{color:#fff;margin:0 0 18px}.ccpc-sidebar nav{display:grid;gap:8px}.ccpc-sidebar nav a{color:#fff;text-decoration:none;font-weight:800;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.08)}.ccpc-sidebar nav a:hover{background:rgba(87,163,35,.30)}.ccpc-security-note{margin-top:28px;border:1px solid rgba(255,255,255,.20);border-radius:16px;padding:16px;color:#eef7ff;font-size:.92rem}.ccpc-main{padding:30px;overflow:auto}.ccpc-category{display:grid;grid-template-columns:58px 1fr auto;gap:18px;align-items:center;padding:18px;border:1px solid var(--ccpc-border);border-radius:18px;margin-bottom:12px;background:#fff}.ccpc-category h3{margin:0 0 4px;color:var(--ccpc-navy)}.ccpc-category h3 span{font-size:.75rem;color:var(--ccpc-green);background:#eaf8ec;border-radius:999px;padding:4px 8px;margin-left:8px}.ccpc-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ccpc-blue),var(--ccpc-green));font-size:24px}.ccpc-icon.performance{background:linear-gradient(135deg,#0459b8,#1593ff)}.ccpc-icon.functional{background:linear-gradient(135deg,#d7a420,var(--ccpc-gold))}.ccpc-icon.marketing{background:linear-gradient(135deg,#6645c9,#a56af2)}.ccpc-switch input{display:none}.ccpc-switch span{width:56px;height:30px;border-radius:999px;background:#c7d3df;display:block;position:relative;cursor:pointer;transition:.25s}.ccpc-switch span:before{content:"";position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.25s;box-shadow:0 2px 8px rgba(0,0,0,.20)}.ccpc-switch input:checked+span{background:linear-gradient(135deg,var(--ccpc-blue),var(--ccpc-green))}.ccpc-switch input:checked+span:before{transform:translateX(26px)}.ccpc-switch.locked span{opacity:.85;cursor:not-allowed}.ccpc-payment-card{background:#f7fbff;border:1px solid var(--ccpc-border);border-left:6px solid var(--ccpc-green);border-radius:18px;padding:18px;margin-top:16px}.ccpc-footer{display:flex;justify-content:space-between;gap:12px;margin-top:18px;border-top:1px solid var(--ccpc-border);padding-top:18px}.ccpc-floating-button{position:fixed;right:20px;bottom:20px;z-index:99997;display:none;border:0;border-radius:999px;background:linear-gradient(135deg,var(--ccpc-blue),var(--ccpc-green));color:#fff;padding:12px 16px;font-weight:900;box-shadow:0 12px 30px rgba(8,47,79,.28);cursor:pointer}.ccpc-floating-button.is-visible{display:block}@media(max-width:820px){.ccpc-banner{left:12px;right:12px;bottom:12px;grid-template-columns:1fr;gap:0}.ccpc-banner-left{min-height:auto;padding:18px}.ccpc-banner-left:after{display:none}.ccpc-logo{max-width:130px}.ccpc-banner-content{padding:20px}.ccpc-panel{grid-template-columns:1fr;margin:0;width:100%;height:100%;max-height:100vh;border-radius:0}.ccpc-sidebar{display:none}.ccpc-main{padding:22px}.ccpc-category{grid-template-columns:44px 1fr;align-items:start}.ccpc-switch{grid-column:2}.ccpc-footer{flex-direction:column}.ccpc-btn{width:100%}}