:root{--bg: #f6f8fb;--surface: #ffffff;--text: #0f172a;--muted: #5b6474;--border: rgba(15, 23, 42, .1);--brand: #12a3c7;--brand2:#1b8fb8;--brandDark:#0b6f8e;--shadow: 0 14px 30px rgba(15, 23, 42, .1);--shadowSoft: 0 10px 24px rgba(15, 23, 42, .08);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:inherit;text-decoration:none}button{font-family:inherit}.appShell{min-height:100vh;display:flex;flex-direction:column}.pageWrap{flex:1}.topbar{position:sticky;top:0;z-index:10;background:#ffffffbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topbar__inner{max-width:1180px;margin:0 auto;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand__logo{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#12a3c71a;color:var(--brand2)}.brand__name{font-size:18px;letter-spacing:.2px;color:#0b6f8e}.nav{display:flex;gap:22px;align-items:center}.nav__link{font-size:14px;color:#0f172ab3;padding:8px 10px;border-radius:10px}.nav__link:hover{background:#0f172a0d}.nav__link.isActive{color:var(--text);font-weight:600}.topbar__right{display:flex;gap:12px;align-items:center}.linkBtn{border:none;background:transparent;color:#0f172ab3;font-weight:600;cursor:pointer}.primaryBtn{border:1px solid rgba(18,163,199,.35);background:linear-gradient(180deg,#12a3c7f2,#118bb2f2);color:#fff;padding:10px 14px;border-radius:12px;font-weight:700;cursor:pointer;box-shadow:0 10px 20px #12a3c733}.primaryBtn:hover{filter:brightness(.98);transform:translateY(-1px)}.hero{background:radial-gradient(1200px 500px at 30% 0%,rgba(18,163,199,.14),transparent 65%),linear-gradient(180deg,#ffffffe6,#f6f8fb);border-bottom:1px solid var(--border)}.hero__inner{max-width:1180px;margin:0 auto;padding:52px 18px 54px;display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:center}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#12a3c71f;color:#0f172ab3;font-weight:700;font-size:12px;border:1px solid rgba(18,163,199,.2)}.hero__title{margin:18px 0 12px;font-size:56px;line-height:1.03;letter-spacing:-.8px;color:#1b2434}.hero__accent{color:transparent;background:linear-gradient(90deg,#0b86b0,#1aa6cf);-webkit-background-clip:text;background-clip:text}.hero__subtitle{margin:0 0 22px;color:var(--muted);max-width:640px;font-size:16px;line-height:1.6}.hero__cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.ctaBtn{display:inline-flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;font-weight:800;font-size:14px}.ctaBtn--primary{background:linear-gradient(180deg,#12a3c7f2,#118bb2f2);color:#fff;border:1px solid rgba(18,163,199,.35);box-shadow:0 14px 26px #12a3c733}.ctaBtn--primary:hover{transform:translateY(-1px)}.ctaBtn--ghost{background:#ffffffb3;border:1px solid var(--border);color:#0f172abf}.ctaBtn--ghost:hover{background:#fff}.hero__right{display:flex;justify-content:flex-end}.heroArt{width:420px;height:280px;border-radius:18px;background:radial-gradient(260px 180px at 50% 55%,rgba(18,163,199,.12),transparent 65%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='360' viewBox='0 0 520 360'%3E%3Cg fill='none' stroke='%23b7c2d3' stroke-width='3' opacity='.35'%3E%3Cpath d='M325 92c-22-33-56-52-92-52-59 0-106 47-106 106 0 74 86 118 106 150 20-32 106-76 106-150 0-20-5-38-14-54Z'/%3E%3Cpath d='M221 116c0-22 18-40 40-40s40 18 40 40-18 40-40 40-40-18-40-40Z'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;border:1px solid var(--border);box-shadow:var(--shadowSoft);opacity:.9}.trust{background:#fff}.trust__inner{max-width:1180px;margin:0 auto;padding:54px 18px 36px;text-align:center}.sectionTitle{margin:0 0 10px;font-size:34px;letter-spacing:-.2px}.sectionSubtitle{margin:0 auto 30px;max-width:760px;color:#0f172a8c;font-size:16px;line-height:1.7}.cardGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;align-items:stretch}.infoCard{background:#f8fafc;border:1px solid var(--border);border-radius:16px;padding:26px 22px;text-align:center;box-shadow:0 6px 14px #0f172a0f}.infoCard--raised{background:#fff;box-shadow:var(--shadow)}.infoIcon{width:54px;height:54px;margin:0 auto 14px;border-radius:14px;display:grid;place-items:center;background:#12a3c71f;color:var(--brandDark);font-size:22px}.infoTitle{font-weight:900;margin-bottom:8px;color:#1b2434}.infoText{color:#0f172a99;line-height:1.6;font-size:14px}.footer{margin-top:0}.statsBand{background:linear-gradient(90deg,#1bb1d5,#0f86ae);color:#fff}.statsBand__inner{max-width:1180px;margin:0 auto;padding:36px 18px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}.stat__num{font-size:42px;font-weight:900;letter-spacing:-.6px}.stat__label{opacity:.92;font-weight:700}.footerMain{background:radial-gradient(1000px 400px at 40% 0%,rgba(18,163,199,.12),transparent 60%),linear-gradient(180deg,#0b1b2b,#061423);color:#ffffffd9}.footerMain__inner{max-width:1180px;margin:0 auto;padding:42px 18px 26px;display:grid;grid-template-columns:1.25fr 1fr 1fr 1.15fr;gap:22px}.brandRow{display:flex;align-items:center;gap:10px;margin-bottom:12px}.logoMark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#1bb1d524;color:#73dbf1}.brandName{font-weight:900;font-size:18px}.footerText{margin:10px 0 16px;color:#ffffffb3;line-height:1.7}.socialRow{display:flex;gap:10px}.socialBtn{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#ffffffd9}.socialBtn:hover{background:#ffffff1f}.footerTitle{font-weight:900;margin-bottom:12px;color:#ffffffeb}.footerLink{display:block;margin:10px 0;color:#ffffffb3}.footerLink:hover{color:#fff}.contactItem{display:flex;gap:10px;margin:10px 0;color:#ffffffb8;line-height:1.6}.contactIcon{opacity:.9}.footerBottom{max-width:1180px;margin:0 auto;padding:18px 18px 26px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:18px;color:#ffffff8c;font-size:13px}.footerBottom__links{display:flex;gap:14px}.footerMiniLink{color:#fff9}.footerMiniLink:hover{color:#fff}@media(max-width:980px){.hero__inner{grid-template-columns:1fr}.hero__right{justify-content:flex-start}.heroArt{width:100%;max-width:520px;height:260px}.cardGrid{grid-template-columns:1fr}.statsBand__inner,.footerMain__inner{grid-template-columns:1fr 1fr}.footerBottom{flex-direction:column}}@media(max-width:520px){.hero__title{font-size:42px}.statsBand__inner,.footerMain__inner{grid-template-columns:1fr}}.predictorPage{max-width:820px;margin:60px auto;padding:0 20px}.predictorHeader{text-align:center;margin-bottom:30px}.predictorIcon{width:60px;height:60px;border-radius:50%;background:#12a3c71f;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 15px;color:var(--brandDark)}.predictorHeader h1{font-size:34px;margin-bottom:10px}.predictorHeader p{color:var(--muted);font-size:15px}.predictorCard{background:#fff;border-radius:16px;padding:30px;box-shadow:0 12px 30px #00000014;border:1px solid var(--border)}.cardTitle{margin-bottom:20px;font-weight:700;color:#1b2434}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.formGroup{display:flex;flex-direction:column}.formGroup label{font-size:13px;margin-bottom:6px;color:#0f172ab3}.formGroup input,.formGroup select{padding:10px 12px;border-radius:8px;border:1px solid #d9dee6;font-size:14px}.formGroup input:focus,.formGroup select:focus{outline:none;border-color:var(--brand)}.predictBtn{margin-top:25px;width:100%;padding:14px;border-radius:12px;font-size:15px;font-weight:700;border:none;cursor:pointer;background:linear-gradient(90deg,#1bb1d5,#0f86ae);color:#fff;transition:.2s ease}.predictBtn:hover{transform:translateY(-1px);opacity:.95}@media(max-width:768px){.formGrid{grid-template-columns:1fr}}.trendsPage{max-width:1180px;margin:28px auto 60px;padding:0 18px;display:grid;grid-template-columns:320px 1fr;gap:18px}.filtersCard{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 10px 24px #0f172a14;height:fit-content;position:sticky;top:78px}.filtersHeader{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:12px}.filtersHeader h3{margin:0;font-size:15px;font-weight:900}.filtersIcon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#12a3c71f;color:var(--brandDark)}.filterBlock{display:flex;flex-direction:column;gap:6px;margin:14px 0}.filterBlock label{font-size:13px;color:#0f172ab3;font-weight:700}.filterBlock select,.filterBlock input[type=range]{width:100%}.filterBlock select{padding:10px 12px;border-radius:10px;border:1px solid #d9dee6;background:#fff}.sliderRow{display:flex;justify-content:space-between;align-items:center}.feeValue{font-size:12px;color:#0f172aa6;font-weight:800}.applyBtn{width:100%;margin-top:10px;padding:12px 14px;border-radius:12px;border:none;cursor:pointer;background:linear-gradient(90deg,#1bb1d5,#0f86ae);color:#fff;font-weight:900}.applyBtn:hover{opacity:.95;transform:translateY(-1px)}.trendsMain{min-width:0}.chartRow{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.chartCard{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 10px 24px #0f172a0f}.chartTitle{font-weight:900;color:#1b2434;margin-bottom:2px}.chartSub{color:#0f172a8c;font-size:13px;margin-bottom:10px}.resultsHeader{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.resultsTitle{display:flex;align-items:center;gap:8px}.resultsTitle h2{margin:0;font-size:18px;font-weight:900}.infoDot{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900;color:#0f172aa6;border:1px solid rgba(15,23,42,.18)}.resultsMeta{font-size:12px;color:#0f172a8c;font-weight:700}.resultsList{display:flex;flex-direction:column;gap:14px}.resultCard{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px 16px 14px;box-shadow:0 10px 24px #0f172a0f}.resultCard__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.leftMeta{display:flex;align-items:center;gap:10px}.locDot{color:#0f172a59}.locText{color:#0f172a99;font-weight:700;font-size:13px}.pillType{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid rgba(15,23,42,.1)}.pillType--govt{background:#12a3c71f;color:#0b6f8e}.pillType--private{background:#ffba4933;color:#8a5a00}.pillType--deemed{background:#745bf224;color:#4b3cc2}.pillChance{font-size:12px;font-weight:900;padding:6px 10px;border-radius:999px;border:1px solid rgba(15,23,42,.1)}.pillChance--high{background:#22c55e24;color:#167a3f}.pillChance--medium{background:#ffba4933;color:#8a5a00}.pillChance--low{background:#ef444424;color:#a11b1b}.collegeName{font-size:18px;font-weight:900;color:#1b2434;margin-bottom:10px}.metricsRow{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px;margin-bottom:12px}.metricLabel{font-size:12px;color:#0f172a8c;font-weight:800;margin-bottom:4px}.metricValue{font-size:14px;font-weight:900;color:#0f172ac7}.metricChips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-size:12px;padding:6px 10px;border-radius:999px;background:#0f172a0f;border:1px solid rgba(15,23,42,.1);color:#0f172ab3;font-weight:800}.resultActions{display:flex;justify-content:flex-end;gap:10px}.btnSecondary{padding:10px 12px;border-radius:12px;border:1px solid rgba(15,23,42,.18);background:#fff;font-weight:900;cursor:pointer;color:#0f172ab3}.btnSecondary:hover{background:#0f172a08}.btnPrimary{padding:10px 12px;border-radius:12px;border:1px solid rgba(18,163,199,.35);background:linear-gradient(180deg,#12a3c7f2,#118bb2f2);color:#fff;font-weight:900;cursor:pointer}.btnPrimary:hover{opacity:.95;transform:translateY(-1px)}@media(max-width:980px){.trendsPage{grid-template-columns:1fr}.filtersCard{position:static}.chartRow,.metricsRow{grid-template-columns:1fr}}.chartSvgWrap{width:100%;border-radius:12px;overflow:hidden;border:1px solid rgba(15,23,42,.1);background:linear-gradient(180deg,#0f172a05,#0f172a03)}.chartSvg{width:100%;height:220px;display:block}.chartAxis{stroke:#0f172a40;stroke-width:1.2}.chartGrid{stroke:#0f172a1a;stroke-width:1;stroke-dasharray:4 6}.chartLine{fill:none;stroke:#0f86ae;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chartDot{fill:#0f86ae;stroke:#ffffffe6;stroke-width:2}.chartLabel{fill:#0f172a8c;font-size:12px;font-weight:700}