/* Build 012 — branded hero and differentiated service portals */
.portal-intro{position:relative;overflow:hidden;min-height:245px;padding:22px 48px;border:1px solid #d9e9e7;border-radius:28px;background:linear-gradient(125deg,#fff 10%,#f4fcfb 62%,#edf9f4);box-shadow:0 16px 42px rgba(7,88,85,.07)}
.portal-intro:before,.portal-intro:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.portal-intro:before{width:210px;height:210px;inset:-105px -70px auto auto;background:rgba(99,173,55,.08)}.portal-intro:after{width:170px;height:170px;inset:auto auto -105px -65px;background:rgba(7,149,141,.08)}
.portal-intro__copy{position:relative;z-index:2}.portal-intro img{position:relative;z-index:2;width:min(100%,320px);height:220px;filter:drop-shadow(0 14px 18px rgba(7,87,83,.15))}.portal-intro h1{font-size:clamp(2.25rem,3.6vw,3.65rem)}
.portal-tabs{gap:18px;margin-top:18px}.portal-tab{overflow:hidden;min-height:190px;border-width:1px;isolation:isolate}.portal-tab:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--portal-accent)}.portal-tab:after{content:"";position:absolute;width:150px;height:150px;inset:auto -60px -75px;border-radius:50%;background:var(--portal-soft);z-index:-1}.portal-tab[data-portal=centers]{--portal-accent:#07958d;--portal-soft:#def6f3;--portal-ink:#067f79}.portal-tab[data-portal=dialysis]{--portal-accent:#2878bd;--portal-soft:#e4f1fb;--portal-ink:#236ea9}.portal-tab[data-portal=donation]{--portal-accent:#67a936;--portal-soft:#edf7e4;--portal-ink:#568f2b}.portal-tab:hover{border-color:var(--portal-accent);box-shadow:0 14px 30px color-mix(in srgb,var(--portal-accent) 16%,transparent)}.portal-tab.is-active{border-color:var(--portal-accent);background:linear-gradient(145deg,#fff,var(--portal-soft));box-shadow:0 15px 34px color-mix(in srgb,var(--portal-accent) 20%,transparent)}.portal-tab__check{background:var(--portal-accent)}.portal-tab__icon{width:70px;height:70px;border-radius:22px;background:var(--portal-soft);color:var(--portal-ink)}.portal-tab__icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.portal-tab strong{color:var(--portal-ink);font-size:1.28rem}.portal-tab.is-active{transform:translateY(-3px)}
.public-brand__mark img,.ui-brand__mark img{display:block;width:100%;height:100%;object-fit:contain}.public-brand__mark{padding:5px;background:linear-gradient(145deg,#fff,#edf9f6)}
@media(max-width:800px){.portal-intro{min-height:auto;padding:30px 18px 22px;border-radius:0}.portal-intro img{display:none}.portal-tabs{gap:11px}.portal-tab{min-height:104px}.portal-tab:before{inset:0 auto 0 0;width:5px;height:auto}.portal-tab__icon{width:54px;height:54px;border-radius:17px}.portal-tab__icon svg{width:30px;height:30px}}