.cf-retention-pro{margin:18px 0 34px;padding:0 3.5%;color:#fff}.cf311-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.cf311-heading span{color:#ff5364;font-size:.72rem;font-weight:900;letter-spacing:.12em}.cf311-heading h2{margin:4px 0 0;font-size:clamp(1.35rem,3vw,2rem)}.cf311-heading button{border:1px solid rgba(255,255,255,.15);background:#17181d;color:#fff;border-radius:999px;padding:10px 14px;font-weight:800}.cf311-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:12px}.cf311-panel{position:relative;min-height:178px;padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(145deg,#18191f,#0e0f13);color:#fff;text-align:left;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.22)}button.cf311-panel{cursor:pointer}.cf311-panel:focus-visible,.cf311-panel:hover{outline:none;border-color:rgba(255,55,75,.7);transform:translateY(-2px)}.cf311-panel-top{display:flex;gap:12px;align-items:center}.cf311-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(229,9,20,.16);color:#ff5364;font-size:1.1rem}.cf311-panel small{font-size:.66rem;letter-spacing:.12em;color:#9ca0ae;font-weight:900}.cf311-panel h3{margin:3px 0 0;font-size:1.05rem}.cf311-panel p{color:#b9bbc5;line-height:1.45;font-size:.85rem;margin:15px 0}.cf311-action{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:900;color:#fff}.cf311-progress{height:8px;background:#292b33;border-radius:999px;overflow:hidden}.cf311-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#e50914,#ff9a3c);transition:width .5s ease}.cf311-progress-meta{display:flex;justify-content:space-between;margin-top:8px;font-size:.75rem;color:#aeb0ba}.cf311-mission.is-complete{border-color:rgba(255,190,54,.55);background:linear-gradient(145deg,#2d210d,#111116)}.cf311-mission.is-complete .cf311-icon{color:#ffc64b;background:rgba(255,198,75,.17)}.cf311-comeback-note{margin-top:12px;display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid rgba(75,189,255,.28);border-radius:15px;background:linear-gradient(90deg,rgba(17,83,120,.35),rgba(17,18,24,.95))}.cf311-comeback-note[hidden]{display:none}.cf311-comeback-note>i{color:#55c8ff}.cf311-comeback-note div{display:flex;flex-direction:column;gap:2px;flex:1}.cf311-comeback-note span{font-size:.8rem;color:#c7c9d2}.cf311-comeback-note button{background:transparent;border:0;color:#fff;font-size:1rem}.bottom-nav>*{position:relative}.cf311-nav-dot{position:absolute;right:20%;top:8px;width:8px;height:8px;border-radius:50%;background:#ff2638;box-shadow:0 0 0 4px rgba(255,38,56,.15)}@media(max-width:850px){.cf-retention-pro{padding:0 14px}.cf311-grid{grid-template-columns:1fr}.cf311-panel{min-height:150px}.cf311-heading button{padding:9px 11px;font-size:.75rem}}@media(min-width:851px) and (max-width:1100px){.cf311-grid{grid-template-columns:1fr 1fr}.cf311-mission{grid-column:1/-1}}