.ipp-patient-portal{max-width:1600px;margin:0 auto;padding:24px 24px 56px}
.ipp-patient-portal *{box-sizing:border-box}
.ipp-patient-portal-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:center;gap:32px;min-height:210px;margin-bottom:24px;padding:30px 38px;overflow:hidden;border:1px solid #d8e9ed;border-radius:26px;background:radial-gradient(circle at 84% 10%,rgba(84,197,190,.17),transparent 30%),linear-gradient(135deg,#f9fdfe 0%,#eef9f8 100%);box-shadow:0 14px 34px rgba(17,50,79,.07)}
.ipp-patient-portal-hero:after{content:"";position:absolute;left:-3%;right:35%;bottom:-104px;height:150px;border-radius:50%;background:linear-gradient(90deg,rgba(53,176,172,.20),rgba(244,165,28,.24));transform:rotate(-1.5deg)}
.ipp-patient-portal-hero>div{position:relative;z-index:2}.ipp-patient-portal-hero>div>span{display:block;margin-bottom:8px;color:#07888d;font-size:13px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.ipp-patient-portal-hero h1{margin:0 0 12px;color:#16324f;font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-.035em}.ipp-patient-portal-hero p{max-width:760px;margin:0;color:#526a7f;font-size:17px;line-height:1.55}
.ipp-patient-portal-hero-art{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:18px 22px;border:1px solid rgba(255,255,255,.8);border-radius:20px;background:rgba(255,255,255,.72);box-shadow:0 12px 28px rgba(14,89,91,.08);backdrop-filter:blur(4px)}.ipp-patient-portal-hero-art span{display:flex!important;align-items:center;gap:9px;margin:0!important;color:#174864!important;font-size:15px!important;letter-spacing:0!important;text-transform:none!important}.ipp-patient-portal-hero-art span:before{content:"✓";display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#dff5f2;color:#087f7d;font-weight:900}
.ipp-patient-portal-panel{padding:26px;border:1px solid #d9e7ed;border-radius:24px;background:#fff;box-shadow:0 10px 30px rgba(17,50,79,.05)}
.ipp-patient-portal-search{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.ipp-patient-portal-search .ipp-public-search{flex:1;max-width:none;margin:0}.ipp-patient-portal-search .ipp-reference-count{white-space:nowrap;margin:0}
.ipp-patient-portal-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ipp-patient-portal-card{display:flex;min-height:315px;flex-direction:column;align-items:center;text-align:center;padding:18px 18px 20px;border:1px solid #d9e7ed;border-radius:20px;background:#fff;color:#16324f;box-shadow:0 5px 18px rgba(17,50,79,.045);transition:.18s ease}.ipp-patient-portal-card:hover,.ipp-patient-portal-card:focus-visible{transform:translateY(-3px);border-color:#9cd8d4;box-shadow:0 14px 28px rgba(17,70,84,.1)}.ipp-patient-portal-image{display:flex;align-items:center;justify-content:center;width:100%;height:142px;margin-bottom:8px}.ipp-patient-portal-image img{display:block;max-width:88%;max-height:138px;object-fit:contain}.ipp-patient-portal-copy{display:flex;flex:1;flex-direction:column;align-items:center}.ipp-patient-portal-copy small{color:#07888d;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ipp-patient-portal-copy h2{margin:5px 0 7px;color:#102d50;font-size:23px}.ipp-patient-portal-copy p{margin:0;color:#64788d;line-height:1.5}.ipp-patient-portal-copy strong{margin-top:10px;color:#0d7f82;font-size:14px}.ipp-patient-portal-copy em{margin-top:auto;padding-top:16px;color:#e77700;font-style:normal;font-weight:900}.ipp-patient-portal-results{margin-top:4px}
@media(max-width:980px){.ipp-patient-portal-hero{grid-template-columns:1fr}.ipp-patient-portal-hero-art{display:none}.ipp-patient-portal-categories{grid-template-columns:1fr}.ipp-patient-portal-search{align-items:stretch;flex-direction:column}.ipp-patient-portal-search .ipp-reference-count{align-self:flex-end}}
@media(max-width:620px){.ipp-patient-portal{padding:12px 12px 36px}.ipp-patient-portal-hero{min-height:0;padding:24px 20px;border-radius:18px}.ipp-patient-portal-hero h1{font-size:34px}.ipp-patient-portal-panel{padding:16px;border-radius:18px}}
.ipp-patient-portal-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 18px}.ipp-patient-portal-tabs a{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border:1px solid #cfe3e7;border-radius:999px;background:#f8fcfc;color:#0d6670;font-weight:850;font-size:14px}.ipp-patient-portal-tabs a:hover,.ipp-patient-portal-tabs a:focus-visible{border-color:#74cbc6;background:#eaf8f6;color:#075f63}