.inf-page{background:#fffcf8;overflow:hidden;padding-bottom:34px}
.inf-hero{position:relative;min-height:clamp(360px,26.5vw,430px);margin:8px 22px 0;display:flex;align-items:center;border-radius:22px;background:linear-gradient(100deg,#fff7ec,#fffaf3 55%);overflow:hidden}
.inf-art{position:absolute;right:0;top:0;width:60%;height:100%;object-fit:cover;object-position:center bottom;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%);mask-image:linear-gradient(90deg,transparent,#000 15%)}
.inf-leaf{position:absolute;left:0;bottom:0;width:120px;height:auto;-webkit-mask-image:linear-gradient(90deg,#000 62%,transparent),linear-gradient(180deg,transparent,#000 18%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,#000 62%,transparent),linear-gradient(180deg,transparent,#000 18%);mask-composite:intersect}
.inf-copy{--gap:clamp(36px,7.5vw,122px);position:relative;z-index:1;width:min(560px,calc(41% - var(--gap)));margin-left:var(--gap);padding:22px 0}.inf-copy>span{display:block;margin-bottom:14px;color:#f04b17;font-size:14px;font-weight:800;letter-spacing:.03em}.inf-copy h1{margin:0;color:#082b61;font:900 clamp(46px,4.4vw,70px)/1.03 Nunito,Arial,sans-serif;letter-spacing:-.03em;max-width:6.2em}.inf-copy h2{margin:16px 0 14px;color:#082b61;font:900 clamp(22px,2.25vw,39px)/1.15 Nunito,Arial,sans-serif}.inf-copy h2 strong{margin-right:8px;color:#ff4e16}.inf-copy p{margin:0;color:#4e6c91;font-size:clamp(14px,1vw,16px);line-height:1.55}
.inf-cards{position:relative;z-index:1;width:min(1460px,calc(100% - 48px));margin:14px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.portal-body .inf-card{--c:#ff5317;--wave:#ffeadb;position:relative;min-height:370px;padding:12px 26px 80px;box-sizing:border-box;display:flex;flex-direction:column;border:1px solid #f1e8df;border-radius:20px;background:#fff;box-shadow:0 12px 30px #60401d0d;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.portal-body .inf-card.dues{--c:#1674ed;--wave:#e1effe;border-color:#e4edf7}.portal-body .inf-card.agenda{--c:#08a75b;--wave:#ddf7e7;border-color:#e0f1e7}.portal-body .inf-card.profile{--c:#7c3ff0;--wave:#ece3fe;border-color:#ebe5f7}
.inf-card:before,.inf-card:after{content:"";position:absolute;pointer-events:none}.inf-card:before{left:-10%;right:-10%;bottom:-62px;height:130px;border-radius:50% 60% 0 0/100% 70% 0 0;background:var(--wave)}.inf-card:after{left:30%;right:-20%;bottom:-74px;height:118px;border-radius:50% 50% 0 0;background:#ffffff8c}
.inf-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #60401d1c}.inf-card:focus-visible{outline:3px solid var(--c);outline-offset:3px}
.inf-card img{position:relative;z-index:1;display:block;width:100%;max-width:300px;aspect-ratio:298/182;margin:0 auto 18px;border-radius:50%;object-fit:cover;transition:transform .22s ease}.inf-card:hover img{transform:scale(1.04)}
.inf-card strong{position:relative;z-index:1;color:#092c60;font:900 23px/1.2 Nunito,Arial,sans-serif;letter-spacing:-.01em}.inf-card small{position:relative;z-index:1;margin-top:8px;color:#526d91;font-size:15px;line-height:1.55}
.inf-arrow{position:absolute;z-index:2;right:26px;bottom:24px;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:var(--c);color:#fff;box-shadow:0 8px 18px #19344e2b;transition:transform .2s ease}.inf-card:hover .inf-arrow{transform:translateX(4px)}
.portal-body .inf-page+.portal-footer{margin-top:0}
@media(max-width:1250px){.inf-leaf{width:70px}.inf-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.inf-card img{max-width:280px}}
@media(max-width:860px){.inf-hero{margin:8px 12px 0;min-height:0;flex-direction:column;align-items:stretch}.inf-copy{order:1;width:auto;margin:0;padding:24px 20px 10px}.inf-copy h1{font-size:44px}.inf-copy h2{font-size:26px;white-space:normal}.inf-copy p{font-size:14.5px}.inf-art{order:2;position:static;width:100%;height:230px;-webkit-mask-image:none;mask-image:none}.inf-leaf{display:none}.inf-cards{width:calc(100% - 24px)}}
@media(max-width:560px){.inf-cards{grid-template-columns:minmax(0,1fr)}.portal-body .inf-card{min-height:0;padding-bottom:78px}}
@media(prefers-reduced-motion:reduce){.inf-card,.inf-card img,.inf-arrow{transition:none}.inf-card:hover{transform:none}}
.site-tools{display:flex;align-items:center;gap:10px;flex:none}.portal-body .site-tool{position:relative;width:46px;height:46px;display:grid;place-items:center;border:1px solid #e3e8ef;border-radius:50%;background:#fff;color:var(--theme-navy,#082654);transition:background .15s}.portal-body .site-tool:hover{background:#fff4e8}.portal-body .site-tool:focus-visible{outline:2px solid #ff5b1b;outline-offset:2px}.site-tool.has-new:after{content:"";position:absolute;right:9px;top:8px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#e8301f}
@media(max-width:1350px){.site-tools{gap:6px}.portal-body .site-tool{width:40px;height:40px}}
@media(max-width:1180px){.site-tools{display:none}}