.predictor-hero{background:linear-gradient(120deg,#eff6ff,#fff 68%);padding:74px 0 67px}.predictor-hero .wrap{max-width:1140px}.predictor-eyebrow{color:#2472bb;font-size:11px;font-weight:800;letter-spacing:.14em}.predictor-hero h1{font-size:clamp(34px,5vw,56px);line-height:1.08;letter-spacing:-.04em;margin:14px 0;color:#102749}.predictor-hero p{font-size:17px;color:#66758a;max-width:620px;margin:0;line-height:1.65}.predictor-main{max-width:1140px;display:grid;grid-template-columns:minmax(300px,390px) 1fr;gap:34px;padding-top:42px;padding-bottom:70px;align-items:start}.predictor-form,.predictor-results{background:#fff;border:1px solid #e4ebf3;border-radius:16px;box-shadow:0 12px 35px #1836590a}.predictor-form{padding:27px}.field-label{display:block;color:#192d48;font-weight:700;font-size:13px;margin:0 0 10px}.exam-choice{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:20px}.exam-option{border:1px solid #dce5ef;background:#fff;color:#34465e;border-radius:9px;padding:12px 10px;font:inherit;font-weight:600;font-size:14px;cursor:pointer;transition:.18s}.exam-option:hover,.exam-option.selected{border-color:#2879c8;background:#eff7ff;color:#1765ad}.predictor-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.predictor-form input,.predictor-form select{box-sizing:border-box;width:100%;height:46px;border:1px solid #dce5ef;border-radius:8px;padding:0 12px;color:#1b2d44;background:#fff;font:inherit;font-size:14px;margin:0 0 18px;outline:none}.predictor-form input:focus,.predictor-form select:focus{border-color:#3985cc;box-shadow:0 0 0 3px #3985cc21}.predict-button{border:0;background:#176bb5;color:#fff;width:100%;border-radius:9px;padding:14px 16px;font:inherit;font-weight:700;font-size:15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.predict-button:hover{background:#105995}.predict-button:disabled{opacity:.65;cursor:wait}.data-note{font-size:11px;color:#768397;line-height:1.55;margin:14px 0 0}.predictor-results{padding:27px;min-height:420px}.results-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #eaf0f5;padding-bottom:17px}.results-heading h2{color:#142a47;font-size:22px;margin:7px 0 0;letter-spacing:-.02em}.result-count{color:#6d7b90;font-size:12px;font-weight:600;white-space:nowrap}.results-list{padding-top:16px}.college-match{border:1px solid #e7edf4;border-radius:11px;padding:16px;margin-bottom:11px;display:flex;justify-content:space-between;gap:16px;align-items:center}.match-info h3{font-size:16px;color:#173154;margin:0 0 5px}.match-info h3 a{color:inherit;text-decoration:none}.match-info h3 a:hover{color:#176bb5}.match-info p{font-size:12px;color:#758195;margin:0 0 8px}.match-meta{display:flex;gap:7px;flex-wrap:wrap}.match-meta span,.match-meta a{background:#f2f6fa;border-radius:5px;padding:5px 7px;color:#5c6a7d;font-size:10px;text-decoration:none}.match-meta a{color:#206db3}.chance-badge{white-space:nowrap;background:#edf7f1;color:#287448;border-radius:100px;padding:7px 10px;font-size:11px;font-weight:700}.chance-badge.reach{background:#fff4e7;color:#a55d0a}.chance-badge.target{background:#edf4ff;color:#2866aa}.empty-state{background:#f7f9fc;border-radius:10px;text-align:center;color:#758195;padding:40px 18px;margin-bottom:18px}.empty-state p{margin:8px 0 0;font-size:14px;line-height:1.5}.empty-icon{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e9f3fe;color:#2372bc;font-size:22px}.official-sources{display:flex;flex-wrap:wrap;align-items:center;gap:10px 15px;border-top:1px solid #eaf0f5;padding-top:16px;margin-top:13px}.official-sources strong{font-size:11px;color:#516178;width:100%;text-transform:uppercase;letter-spacing:.07em}.official-sources a{font-size:11px;color:#206db3;text-decoration:none}.official-sources a:hover{text-decoration:underline}.api-error{color:#a33;background:#fff2f1;padding:13px;border-radius:8px;font-size:13px}@media(max-width:780px){.predictor-hero{padding:52px 0}.predictor-main{grid-template-columns:1fr;gap:18px;padding-top:22px}.predictor-results{min-height:250px}}@media(max-width:470px){.predictor-form,.predictor-results{padding:20px}.predictor-fields{grid-template-columns:1fr;gap:0}.college-match{align-items:flex-start;flex-direction:column}.chance-badge{align-self:flex-start}.results-heading h2{font-size:19px}}
