/* CS_QUALIFICATION_CALCULATOR_V1_20260521 */
:root{--bg:#05070d;--line:rgba(255,255,255,.12);--red:#ff413d;--soft:#ffaaa4;--text:#f8fafc;--muted:#bfd0e8;--green:#85f7ad;--amber:#ffd27a}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
body{overflow-x:hidden}
.qc-page{background:radial-gradient(circle at 12% 0%,rgba(255,65,61,.24),transparent 31%),radial-gradient(circle at 88% 12%,rgba(255,255,255,.08),transparent 28%),linear-gradient(180deg,#05070d,#08101a 52%,#05070d);padding:68px 0 58px}
.qc-page *{box-sizing:border-box}
.qc-hero,.qc-grid,.qc-actions-card,.qc-content{width:min(100% - 32px,1200px);margin:0 auto}
.qc-hero,.qc-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;margin-bottom:24px}
.qc-card{border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,rgba(255,65,61,.13),rgba(17,24,33,.95) 38%,rgba(10,15,22,.99));box-shadow:0 28px 80px rgba(0,0,0,.34);padding:32px}
.qc-card:hover{border-color:rgba(255,65,61,.30)}
.qc-kicker{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,65,61,.42);background:rgba(255,65,61,.13);color:#ffbfba;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.045em}
.qc-page h1{font-size:clamp(48px,7vw,88px);line-height:.94;margin:22px 0;color:#fff;letter-spacing:-.06em}
.qc-page h2{font-size:clamp(30px,4vw,52px);line-height:1.05;margin:16px 0;color:#fff;letter-spacing:-.045em}
.qc-page p{font-size:17px;line-height:1.72;color:var(--muted)}
.qc-pills,.qc-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.qc-pills span{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:999px;padding:11px 15px;font-weight:850}
.qc-result strong{display:block;font-size:clamp(46px,6vw,82px);line-height:.95;margin:25px 0 16px;color:var(--green);letter-spacing:-.055em}
.qc-result.is-warn strong{color:var(--amber)}
.qc-result.is-fail strong{color:#ffb0ab}
.qc-mini-grid,.qc-feature-grid,.qc-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.qc-mini-grid div,.qc-feature-grid div,.qc-related a,.qc-note{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.045);padding:18px;text-decoration:none;color:inherit}
.qc-mini-grid small{display:block;color:#b9c9df;text-transform:uppercase;font-weight:900;letter-spacing:.05em}
.qc-mini-grid b{display:block;font-size:25px;margin-top:8px;color:#fff}
.qc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.qc-fields label{display:grid;gap:8px;color:#f1f5ff;font-weight:900}
.qc-fields input{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#151c26;color:#fff;padding:14px;font-size:16px;outline:none}
.qc-fields input:focus{border-color:rgba(255,65,61,.75);box-shadow:0 0 0 4px rgba(255,65,61,.12)}
.qc-actions-card,.qc-content{margin-top:24px}
.qc-actions button{border:0;border-radius:16px;background:linear-gradient(135deg,#ff4b47,#ed1515);color:#fff;padding:15px 19px;font-weight:950;cursor:pointer;box-shadow:0 16px 38px rgba(255,33,30,.25)}
.qc-actions button.ghost{background:rgba(255,255,255,.055);border:1px solid var(--line);box-shadow:none}
.qc-feature-grid,.qc-related{grid-template-columns:repeat(4,minmax(0,1fr))}
.qc-feature-grid b,.qc-related b{display:block;margin-bottom:8px;color:#fff}
.qc-feature-grid span,.qc-related span{display:block;color:#b9c9df;line-height:1.55}
.qc-content details{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04);padding:16px 18px;margin-top:12px}
.qc-content summary{cursor:pointer;font-weight:950;list-style:none;display:flex;gap:10px}
.qc-content summary::-webkit-details-marker{display:none}
.qc-content summary:after{content:"+";margin-left:auto;color:#ffaaa4;font-size:22px}
.qc-content details[open] summary:after{content:"–"}
@media(max-width:980px){.qc-hero,.qc-grid{grid-template-columns:1fr}.qc-feature-grid,.qc-related{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.qc-page{padding:34px 0}.qc-hero,.qc-grid,.qc-actions-card,.qc-content{width:min(100% - 22px,1200px)}.qc-card{padding:22px;border-radius:22px}.qc-fields,.qc-mini-grid,.qc-feature-grid,.qc-related{grid-template-columns:1fr}.qc-actions{flex-direction:column}.qc-actions button{width:100%}.qc-page h1{font-size:clamp(44px,13vw,66px)}}