*{box-sizing:border-box}
body.portal-body{margin:0;padding-top:64px;background:#f9f9ff;color:#161c27;font-family:Inter,Arial,sans-serif;min-height:100vh}
body.portal-body .idx-topbar{padding-left:max(56px,calc((100vw - 1776px)/2 + 24px));padding-right:max(56px,calc((100vw - 1776px)/2 + 24px))}
.portal-main{width:calc(100% - 64px);max-width:1776px;margin:0 auto;padding:48px 24px 64px}
.portal-hero{text-align:center;margin-bottom:48px}.portal-hero h1{margin:0 0 12px;color:#00355f;font-size:48px;line-height:56px;letter-spacing:-.02em;font-weight:700}.portal-hero p{margin:0 auto;max-width:680px;color:#42474f;font-size:18px;line-height:28px}
.portal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.portal-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.05);display:flex;flex-direction:column;min-height:390px;transition:transform .2s ease,box-shadow .2s ease}.portal-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.10)}
.portal-card-head{height:112px;background:#4477b2;color:#fff;display:flex;align-items:center;justify-content:center;position:relative}.portal-card.expert .portal-card-head{background:#4b8f56}.portal-card-head .material-symbols-outlined{font-size:42px;font-variation-settings:'FILL' 1}.portal-badge{position:absolute;right:14px;top:14px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.2);font-size:10px;font-weight:700;letter-spacing:.05em}
.portal-card-body{padding:24px;display:flex;flex-direction:column;flex:1;text-align:center}.portal-card h2{margin:0 0 18px;font-size:20px;line-height:28px;font-weight:600;color:#161c27}.portal-links{list-style:none;padding:0;margin:0;flex:1}.portal-links li{margin:0 0 9px;font-size:13px;line-height:19px}.portal-links a{color:#42474f;text-decoration:none}.portal-links a:hover{color:#00355f;text-decoration:underline}.portal-all{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:18px;padding:8px 14px;border:1px solid #c2c7d1;border-radius:8px;color:#42474f;text-decoration:none;font-size:12px;font-weight:600}.portal-all:hover{background:#f1f3ff;border-color:#275e98;color:#275e98}.portal-all .material-symbols-outlined{font-size:17px}
.portal-footer{border-top:1px solid #e2e8f0;background:#fff;padding:20px 24px;text-align:center;color:#42474f;font-size:12px}
@media(max-width:1050px){.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){body.portal-body .idx-topbar{padding-left:16px;padding-right:16px}}@media(max-width:700px){body.portal-body{padding-top:64px}.portal-main{width:100%;padding:32px 16px 48px}.portal-hero{margin-bottom:32px}.portal-hero h1{font-size:32px;line-height:40px}.portal-hero p{font-size:16px;line-height:24px}.portal-grid{grid-template-columns:1fr}.portal-card{min-height:0}}