/* CS_PROJECTED_SCORE_CALCULATOR_V1_20260521 */
:root{--bg:#05070d;--panel:#111821;--panel2:#151d28;--line:rgba(255,255,255,.12);--red:#ff413d;--pink:#ffaaa4;--text:#f8fafc;--muted:#bfd0e8}
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}
.psc-page{background:radial-gradient(circle at 12% 12%,rgba(255,65,61,.20),transparent 30%),linear-gradient(180deg,#05070d,#08101a);padding:64px 0 58px}
.psc-page *{box-sizing:border-box}
.psc-hero,.psc-grid,.psc-content{width:min(100% - 32px,1180px);margin:0 auto}
.psc-hero,.psc-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;margin-bottom:24px}
.psc-card{border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(255,65,61,.12),rgba(17,24,33,.94) 38%,rgba(10,15,22,.98));box-shadow:0 24px 70px rgba(0,0,0,.28);padding:32px}
.psc-hero-copy h1{font-size:clamp(46px,7vw,84px);line-height:.95;margin:22px 0;color:#fff;letter-spacing:-.055em}
.psc-hero-copy p,.psc-card p{font-size:17px;line-height:1.75;color:var(--muted)}
.psc-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:.04em}
.psc-pills{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.psc-pills span{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:999px;padding:11px 15px;font-weight:850;color:#eaf2ff}
.psc-result strong{display:block;font-size:clamp(70px,10vw,132px);line-height:.9;margin:24px 0 18px;color:#85f7ad;letter-spacing:-.06em}
.psc-result.is-live{border-color:rgba(133,247,173,.36);box-shadow:0 22px 90px rgba(53,211,119,.12)}
.psc-mini-grid,.psc-feature-grid,.psc-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.psc-mini-grid div,.psc-feature-grid div,.psc-related a,.psc-note{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.045);padding:18px;text-decoration:none;color:inherit}
.psc-mini-grid small{display:block;color:#b9c9df;text-transform:uppercase;font-weight:900;letter-spacing:.05em}
.psc-mini-grid b{display:block;font-size:26px;margin-top:7px;color:#fff}
.psc-card h2{font-size:clamp(30px,4vw,52px);line-height:1.05;margin:16px 0;color:#fff;letter-spacing:-.04em}
.psc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.psc-fields label{display:grid;gap:8px;color:#f1f5ff;font-weight:900}
.psc-fields input{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#151c26;color:#fff;padding:16px;font-size:17px;outline:none}
.psc-fields input:focus{border-color:rgba(255,65,61,.75);box-shadow:0 0 0 4px rgba(255,65,61,.12)}
.psc-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.psc-actions button{border:0;border-radius:16px;background:linear-gradient(135deg,#ff4b47,#ed1515);color:white;padding:15px 20px;font-weight:950;cursor:pointer;box-shadow:0 16px 38px rgba(255,33,30,.25)}
.psc-actions button.ghost{background:rgba(255,255,255,.055);border:1px solid var(--line);box-shadow:none}
.psc-content{margin-top:24px}
.psc-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.psc-feature-grid b,.psc-related b{display:block;margin-bottom:8px;color:#fff}
.psc-feature-grid span,.psc-related span{display:block;color:#b9c9df;line-height:1.55}
.psc-content details{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04);padding:16px 18px;margin-top:12px}
.psc-content summary{cursor:pointer;font-weight:950;list-style:none;display:flex;gap:10px}
.psc-content summary::-webkit-details-marker{display:none}
.psc-content summary:after{content:"+";margin-left:auto;color:#ffaaa4;font-size:22px}
.psc-content details[open] summary:after{content:"–"}
.psc-related{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:980px){.psc-hero,.psc-grid{grid-template-columns:1fr}.psc-feature-grid,.psc-related{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.psc-page{padding:34px 0}.psc-hero,.psc-grid,.psc-content{width:min(100% - 22px,1180px)}.psc-card{padding:22px;border-radius:22px}.psc-fields,.psc-mini-grid,.psc-feature-grid,.psc-related{grid-template-columns:1fr}.psc-actions{flex-direction:column}.psc-actions button{width:100%}}
