:root{color:#122033;background:#f7fbff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f7fbff;margin:0}button{cursor:pointer;color:#14324a;background:#edf5ff;border:0;border-radius:999px;padding:11px 16px;font-weight:700;transition:all .2s}button:hover{background:#dbeafe;transform:translateY(-2px)}.primary{color:#fff;background:linear-gradient(135deg,#0ea5e9,#14b8a6);align-items:center;gap:8px;display:inline-flex}input,select,textarea{background:#f8fbff;border:1px solid #dbe7f3;border-radius:16px;width:100%;padding:14px 15px;font-family:inherit;font-size:15px}.header{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-bottom:1px solid #e5eef8;justify-content:space-between;align-items:center;padding:16px 7%;display:flex;position:sticky;top:0}.brand{cursor:pointer;align-items:center;display:flex}.siteLogo{object-fit:contain;width:220px;height:auto;display:block}.brandText,.brandName,.brandTagline,.logo{display:none}nav{flex-wrap:wrap;align-items:center;gap:12px;display:flex}nav button{white-space:nowrap}nav button.active{color:#fff;background:linear-gradient(135deg,#0ea5e9,#14b8a6)}.hero{background:radial-gradient(circle at 10% 10%,#dff7ff,#0000 30%),linear-gradient(#fff,#f4fbff);grid-template-columns:1.05fr .95fr;align-items:center;gap:44px;padding:72px 7% 44px;display:grid}.eyebrow{color:#0f766e;background:#e7fbf8;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-weight:800;display:inline-flex}.hero h1{color:#0f2337;letter-spacing:-2px;margin:20px 0;font-size:clamp(40px,6vw,72px);line-height:.95}.hero p{color:#536579;max-width:640px;font-size:19px;line-height:1.65}.heroStats{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.heroStats div{background:#fff;border:1px solid #e1edf8;border-radius:22px;padding:18px 24px;box-shadow:0 10px 30px #0f23370f}.heroStats b{font-size:24px;display:block}.heroStats span{color:#65758b}.heroCard{position:relative}.heroCard img{object-fit:cover;object-position:center;border-radius:36px;width:100%;height:520px;box-shadow:0 25px 80px #0f23372e}.floating{background:#fff;border-radius:18px;align-items:center;gap:10px;padding:16px 18px;font-weight:800;display:flex;position:absolute;bottom:22px;left:22px;box-shadow:0 18px 50px #00000029}.searchPanel{background:#fff;border:1px solid #e3edf8;border-radius:28px;grid-template-columns:2fr 1fr 1fr .8fr;gap:12px;margin:12px 7% 34px;padding:18px;display:grid;box-shadow:0 15px 50px #0f233712}.searchBox{background:#f8fbff;border:1px solid #dbe7f3;border-radius:16px;align-items:center;gap:10px;padding-left:14px;display:flex}.searchBox input{background:0 0;border:0;outline:0}.sectionTitle{justify-content:space-between;align-items:end;padding:6px 7%;display:flex}.sectionTitle h1,.sectionTitle h2{color:#122033;margin:0;font-size:34px}.sectionTitle p{color:#65758b}.grid{grid-template-columns:repeat(3,1fr);gap:26px;padding:20px 7% 60px;display:grid}.loading{padding:40px 7%;font-weight:800}.clinicCard{background:#fff;border:1px solid #e5eef8;border-radius:28px;transition:all .25s;overflow:hidden;box-shadow:0 18px 50px #0f233714}.clinicCard:hover{transform:translateY(-4px);box-shadow:0 24px 60px #0f23371f}.clinicLogoBox{background:linear-gradient(135deg,#eefdf8 0%,#f8fbff 100%);border-bottom:1px solid #e5edf5;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:210px;padding:20px;display:flex}.clinicLogoBox img{object-fit:contain;background:#fff;border-radius:18px;width:90px;height:90px;padding:12px;box-shadow:0 10px 30px #0f172a1f}.clinicInitials{color:#fff;background:linear-gradient(135deg,#0ea5e9,#14b8a6);border-radius:22px;justify-content:center;align-items:center;width:90px;height:90px;font-size:28px;font-weight:800;display:flex;box-shadow:0 10px 30px #0f172a26}.cardBody{padding:22px}.cardTop{justify-content:space-between;gap:15px;display:flex}.cardTop h3{color:#0f2337;margin:0 0 8px;font-size:22px}.cardTop span,.ageBadge{color:#0e7490;background:#ecfeff;border-radius:999px;height:max-content;padding:7px 11px;font-weight:900}.location{color:#64748b;align-items:center;gap:8px;margin:12px 0;display:flex}.address{color:#64748b;margin:6px 0 12px;font-size:14px;line-height:1.4}.tags span{color:#0e7490;background:#ecfeff;border-radius:12px;margin:8px 0;padding:8px 10px;font-size:13px;font-weight:600;display:inline-block}.requirements{color:#475569;background:#f8fbff;border-radius:16px;margin:10px 0;padding:13px;line-height:1.5}.actions{flex-wrap:wrap;gap:10px;margin-top:15px;display:flex}.actions button{transition:all .2s}.actions button:hover{transform:translateY(-2px)}.availableBadge,.limitedBadge,.unavailableBadge{text-align:center;border-radius:12px;margin:12px 0;padding:12px;font-weight:700}.availableBadge{color:#166534;background:#dcfce7}.limitedBadge{color:#92400e;background:#fef3c7}.unavailableBadge{color:#991b1b;background:#fee2e2}.verifiedDate{color:#64748b;text-align:center;margin:8px 0;font-size:12px}.statsBanner{grid-template-columns:repeat(3,1fr);gap:18px;margin:0 7% 28px;display:grid}.statsBanner div{text-align:center;color:#0f2337;background:#fff;border:1px solid #e5eef8;border-radius:22px;padding:18px 22px;font-weight:800;box-shadow:0 12px 34px #0f233712}.statsBanner strong{color:#0f2337;font-size:32px;line-height:1;display:block}.statsBanner span{color:#64748b;margin-top:6px;font-size:14px;display:block}.missionBanner{color:#0f766e;text-align:center;background:linear-gradient(135deg,#e0f2fe,#ecfeff);border-radius:18px;margin:20px 7%;padding:18px 24px;font-weight:700;box-shadow:0 12px 34px #0f23370f}.disclaimer{color:#92400e;background:#fff8e1;border:1px solid #fde68a;border-radius:16px;margin:0 7% 40px;padding:18px;font-size:14px;line-height:1.5}.studentEmailBox{text-align:center;flex-direction:column;align-items:center;width:100%;margin:0;display:flex}.studentEmailBox input{max-width:320px;margin:12px auto 0!important}.privacyNotice{text-align:center;color:#64748b;max-width:700px;margin:10px auto 0;font-size:12px;line-height:1.5}.privacyNotice:before{content:"🔒 "}.impact{grid-template-columns:1fr 1fr;gap:22px;padding:10px 7% 80px;display:grid}.impact>div,.chartCard,.tableCard,.adminLogin>div{background:#fff;border:1px solid #e5eef8;border-radius:28px;padding:28px;transition:all .25s;box-shadow:0 15px 50px #0f233712}.impact>div:hover,.chartCard:hover,.tableCard:hover{box-shadow:0 22px 60px #0f23371f}.impact svg{color:#0ea5e9}.admin{padding-bottom:70px}.adminLogin{place-items:center;min-height:70vh;padding:7%;display:grid}.adminLogin>div{text-align:center;max-width:460px}.adminLogin svg{color:#0ea5e9}.adminLogin h1{font-size:40px}.adminLogin input{margin:16px 0}.projectInfoCard{background:#fff;border:1px solid #e5eef8;border-radius:24px;margin:20px 7%;padding:24px;box-shadow:0 15px 50px #0f233712}.projectInfoCard h3{color:#0f2337;margin-top:0;margin-bottom:20px}.projectInfoGrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.projectInfoGrid div{flex-direction:column;gap:6px;display:flex}.projectInfoGrid strong{color:#0f2337}.projectInfoGrid span{color:#64748b}.adminSummaryGrid{grid-template-columns:repeat(4,1fr);gap:18px;padding:20px 7%;display:grid}.adminSummaryGrid div{color:#fff;background:linear-gradient(135deg,#0f2337,#164e63);border-radius:24px;padding:24px;box-shadow:0 15px 45px #0f23371f}.adminSummaryGrid b{font-size:34px;line-height:1;display:block}.adminSummaryGrid span{opacity:.85;margin-top:8px;font-size:14px;display:block}.adminChartsGrid{grid-template-columns:1fr 1fr;gap:22px;padding:10px 7%;display:grid}.adminChartsGrid .chartCard:nth-child(3){grid-column:span 2;width:100%;max-width:620px;margin:0 auto}.tableCard{margin:22px 7%;overflow:auto}.tableCard select{min-width:180px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e5eef8;padding:13px}th{color:#64748b}.feedbackSection{background:#fff;border:1px solid #e5eef8;border-radius:28px;margin:30px 7%;padding:30px;box-shadow:0 15px 50px #0f233712}.feedbackSection h3{margin-top:0}.feedbackSection textarea{resize:vertical;border:1px solid #dbe7f3;border-radius:16px;width:100%;min-height:120px;margin-top:15px;margin-bottom:15px;padding:15px}.ratingButtons{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.ratingButtons button{min-width:70px}.ratingActive{color:#fff!important;background:linear-gradient(135deg,#0ea5e9,#14b8a6)!important}.noResults{text-align:center;background:#fff;border:1px solid #e5eef8;border-radius:24px;margin:30px 7% 60px;padding:40px;box-shadow:0 15px 50px #0f233712}.noResults h3{color:#0f2337;margin:0 0 12px;font-size:28px}.noResults p{color:#64748b;max-width:600px;margin:0 auto 20px;line-height:1.6}footer{text-align:center;color:#64748b;background:#eef7ff;flex-direction:column;align-items:center;gap:8px;padding:34px;display:flex}.adminLink{color:#1e40af;background:#dbeafe;margin-top:12px}@media (width<=1000px){.hero,.grid,.impact{grid-template-columns:1fr}.searchPanel,.adminSummaryGrid,.projectInfoGrid{grid-template-columns:repeat(2,1fr)}.adminChartsGrid{grid-template-columns:1fr}.adminChartsGrid .chartCard:nth-child(3){grid-column:span 1;max-width:100%}.heroCard img{height:380px}}@media (width<=768px){.header{flex-direction:column;gap:12px;padding:14px 5%}.siteLogo{width:160px}nav{justify-content:center;width:100%}nav button{padding:10px 14px;font-size:13px}.clinicLogoBox{height:180px}.clinicInitials,.clinicLogoBox img{width:70px;height:70px}.clinicInitials{font-size:22px}.missionBanner{margin:18px 5%;font-size:14px;line-height:1.5}.statsBanner{grid-template-columns:1fr;margin:0 5% 24px}.disclaimer{margin:0 5% 32px}.privacyNotice{font-size:11px}.noResults{margin:20px 5% 40px;padding:24px}.noResults h3{font-size:22px}}@media (width<=640px){.header{padding:14px 5%}.hero{padding:42px 5%}.hero h1{font-size:38px;line-height:1.05}.heroStats{display:grid}.searchPanel,.grid,.impact,.adminSummaryGrid,.adminChartsGrid{grid-template-columns:1fr;margin-left:5%;margin-right:5%;padding-left:0;padding-right:0}.sectionTitle{padding:5%}.actions button{justify-content:center;width:100%}.studentEmailBox input{width:100%;max-width:100%}}
