.qcp-hero{padding:76px 0;background:linear-gradient(135deg,#071b2b,#0b3447 62%,#12605f);color:#fff}.qcp-hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:54px;align-items:center}.qcp-kicker{font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#7fe0cc;font-size:.78rem}.qcp-hero h1{font-size:clamp(2.5rem,5vw,5rem);line-height:.98;margin:14px 0 22px}.qcp-hero .lead{max-width:760px;color:#d8e9ed}.qcp-trust{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.qcp-trust span{padding:10px 14px;border:1px solid #ffffff2e;border-radius:999px;background:#ffffff0d}.qcp-scoreboard{background:#fff;color:#102a35;border-radius:28px;padding:30px;box-shadow:0 30px 80px #00151f55}.qcp-scoreboard>span,.qcp-scoreboard small{display:block;color:#627782}.qcp-scoreboard strong{display:block;font-size:4.5rem;margin:8px 0}.qcp-bars{display:grid;gap:9px;margin-top:24px}.qcp-bars i{height:10px;border-radius:20px;background:linear-gradient(90deg,#0d776e,#6bd7bd)}.qcp-app,.qcp-results,.qcp-method{padding:72px 0}.qcp-toolbar{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:26px}.qcp-toolbar h2{margin:6px 0 0}.qcp-btn{border:1px solid #cbd8dc;background:#fff;border-radius:12px;padding:12px 16px;font-weight:750;cursor:pointer}.qcp-btn.primary{background:#0b665f;color:#fff;border-color:#0b665f}.qcp-btn.danger{color:#a22}.qcp-grid{display:grid;grid-template-columns:repeat(3,minmax(300px,1fr));gap:20px;overflow:auto}.qcp-card{border:1px solid #dbe5e7;border-radius:22px;padding:22px;background:#fff;box-shadow:0 14px 40px #0b2b3510}.qcp-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.qcp-card-head input{font-size:1.12rem;font-weight:800;border:0;border-bottom:1px solid #ccd9dc;width:100%;padding:8px 0}.qcp-remove{border:0;background:#f4eeee;color:#922;width:34px;height:34px;border-radius:50%;cursor:pointer}.qcp-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.qcp-field{display:grid;gap:6px}.qcp-field.full{grid-column:1/-1}.qcp-field label{font-size:.78rem;font-weight:800;color:#51656d}.qcp-field input,.qcp-field select{width:100%;padding:11px;border:1px solid #cad8dc;border-radius:10px;background:#fff}.qcp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.qcp-results{background:#f3f7f7}.qcp-summary{display:grid;grid-template-columns:1fr 1.3fr;gap:28px;background:#0c2935;color:#fff;padding:30px;border-radius:24px}.qcp-summary>div>span{color:#9fc0c7}.qcp-summary strong{display:block;font-size:2.2rem;margin:8px 0}.qcp-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.qcp-kpis article{background:#ffffff0d;border:1px solid #ffffff1e;border-radius:16px;padding:16px}.qcp-kpis span{display:block;color:#afd0d5;font-size:.78rem}.qcp-kpis b{display:block;margin-top:8px;font-size:1.15rem}.qcp-ranking{display:grid;gap:14px;margin-top:22px}.qcp-rank{display:grid;grid-template-columns:46px 1fr 120px 150px;gap:18px;align-items:center;background:#fff;border-radius:18px;padding:18px 22px;border:1px solid #dbe5e7}.qcp-rank .num{font-size:1.4rem;font-weight:900;color:#0b665f}.qcp-rank h3{margin:0 0 4px}.qcp-rank p{margin:0;color:#60747b}.qcp-score{font-size:1.5rem;font-weight:900}.qcp-badge{padding:8px 12px;border-radius:999px;text-align:center;font-size:.78rem;font-weight:850;background:#e4f5ef;color:#12604f}.qcp-method-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.qcp-method-grid article{border:1px solid #dbe5e7;border-radius:18px;padding:22px}.qcp-method-grid b{font-size:1.5rem;color:#0b665f}.qcp-note{margin-top:24px;padding:18px 20px;border-left:4px solid #0b665f;background:#eef7f5}.winner{outline:3px solid #5ccab0}.risk-high{background:#fff0ec;color:#9a321e}.risk-mid{background:#fff7df;color:#835d00}@media(max-width:980px){.qcp-hero-grid,.qcp-summary{grid-template-columns:1fr}.qcp-grid{grid-template-columns:repeat(3,310px)}.qcp-method-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.qcp-hero{padding:54px 0}.qcp-toolbar{align-items:flex-start;flex-direction:column}.qcp-summary{padding:22px}.qcp-kpis{grid-template-columns:1fr}.qcp-rank{grid-template-columns:36px 1fr}.qcp-rank .qcp-score,.qcp-rank .qcp-badge{grid-column:2}.qcp-method-grid{grid-template-columns:1fr}}