html{scroll-behavior:smooth}.icon-defs{position:absolute;width:0;height:0}.portal-intro{display:grid;grid-template-columns:1.15fr 1fr;min-height:460px;align-items:center;gap:25px;padding:35px 0}.eyebrow{font-size:.72rem;letter-spacing:1.6px;font-weight:800;color:#547b6f}.eyebrow i{display:inline-block;width:7px;height:7px;background:#1ba780;border-radius:50%;margin-right:7px}.portal-copy h1{font-size:clamp(2.5rem,4.5vw,3.7rem);line-height:1.25;letter-spacing:-1.8px;margin:18px 0}.portal-copy h1 span{color:#149db5}.portal-copy p{color:#5a756b;font-size:1.03rem}.portal-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-radius:12px;background:#087d97;color:white;padding:14px 22px;text-decoration:none;font-weight:750;box-shadow:0 8px 20px #087d9720}.portal-primary span{font-size:24px}.portal-benefits{display:flex;gap:18px;font-size:.8rem;color:#5a756b;margin-top:22px}.portal-benefits span:before{content:'✓';color:#0c9976;margin-right:6px}.portal-visual{position:relative;height:405px}.orb{position:absolute;inset:25px 10px 10px;border-radius:50% 50% 35% 50%;background:radial-gradient(circle at 35% 20%,#ffe2ee,#b8ecf4 65%,#80d2e7);border:10px solid #ffffff70}.portal-visual>img{position:absolute;height:355px;max-width:85%;object-fit:contain;bottom:26px;left:20%;filter:drop-shadow(0 18px 14px #04554225)}.visual-label{position:absolute;z-index:2;background:#fffffff2;border:1px solid white;border-radius:14px;box-shadow:0 12px 30px #0a4f3d15;padding:13px 16px;display:flex;align-items:center;gap:10px;font-weight:750;font-size:.85rem}.visual-label small{display:block;font-size:.72rem;font-weight:400;color:#678477}.visual-label svg{width:26px;height:26px;fill:none;stroke:#07896b;stroke-width:1.7}.label-top{top:50px;left:0}.label-bottom{bottom:43px;right:0}.check{display:grid;place-items:center;background:#d6f4e4;color:#087b56;border-radius:50%;width:32px;height:32px}.visual-caption{position:absolute;bottom:0;left:20%;font-size:.75rem;color:#597c6d}.track-strip{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center;background:#07526b;color:white;padding:26px 30px;border-radius:20px;box-shadow:0 12px 24px #073d3512}.track-strip h2{margin:3px 0;font-size:1.35rem}.track-strip p{font-size:.85rem;color:#b6d9cb;margin:3px 0}.track-strip .eyebrow{color:#83c6af}.track-strip form{border:0;background:transparent;padding:0;margin:0}.track-strip label{font-size:.78rem;margin:0 0 6px;color:#cfebdf}.track-strip form>div{display:flex;gap:8px}.track-strip input{font-size:.85rem;min-width:0}.track-strip button{flex-shrink:0;background:#ffd4e6;color:#174b37;box-shadow:none;font-size:.85rem}.catalog{padding:48px 0;scroll-margin-top:20px}.catalog-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.catalog h2{margin:5px 0 0;font-size:1.9rem;letter-spacing:-.6px}.service-count{font-size:.8rem;background:#e3f1eb;color:#447363;border-radius:30px;padding:7px 13px;white-space:nowrap}.catalog-tools{margin:22px 0}.search-label{font-size:.8rem;font-weight:700}.search-label input{margin-top:5px;background:white;max-width:460px}.category-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.category-filters button{font-size:.8rem;padding:8px 14px;background:white;color:#577669;border:1px solid #d9e6de;box-shadow:none;border-radius:25px}.category-filters button[aria-pressed=true]{background:#087d97;color:white;border-color:#087d97}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-item{padding:22px;border:1px solid #dce9e2;border-radius:18px;background:white;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;color:#193e32;display:flex;flex-direction:column}.item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.item-icon{background:#e5f5ed;color:#14836a;border-radius:13px;display:grid;place-items:center;width:48px;height:48px}.item-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.item-arrow{color:#87a195;font-size:23px}.service-item small{font-size:.72rem;color:#698879}.service-item h3{font-size:1.1rem;margin:5px 0;line-height:1.5}.service-item p{font-size:.82rem;color:#6d8278;margin:0 0 20px}.item-link{border-top:1px solid #edf2ef;margin-top:auto;padding-top:13px;font-size:.78rem;color:#087d97;display:flex;justify-content:space-between}.service-item:hover{transform:translateY(-5px);border-color:#84c7af;box-shadow:0 14px 30px #087d9712}.service-item[data-group=สาธารณูปโภค] .item-icon{background:#e2f3f8;color:#167b9c}.service-item[data-group=สวัสดิการ] .item-icon{background:#f7eced;color:#bd6b81}.external-services{border-top:1px solid #d4e4d9;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:center;padding:30px 0}.external-services h2{margin:6px 0;font-size:1.2rem}.external-services p{font-size:.8rem;color:#6a8477}.external-services>a{padding:18px;background:white;border-radius:13px;border:1px solid #dce9e2;text-decoration:none;font-size:.9rem;font-weight:650;display:flex;justify-content:space-between;gap:10px}@media(max-width:760px){.portal-intro{grid-template-columns:1fr;padding-top:24px;gap:10px}.portal-copy h1{font-size:2.8rem}.portal-visual{height:300px;width:min(100%,380px);margin:auto}.portal-visual>img{height:280px}.label-top{top:20px}.label-bottom{bottom:25px}.visual-caption{bottom:-7px}.track-strip{grid-template-columns:1fr;padding:23px;gap:16px;margin-top:18px}.track-strip form>div{flex-direction:column}.portal-grid{grid-template-columns:repeat(2,1fr);gap:11px}.service-item{padding:16px}.service-item h3{font-size:1rem}.catalog h2{font-size:1.45rem}.catalog-title{align-items:start}.service-count{font-size:.7rem;padding:6px 8px}.external-services{grid-template-columns:1fr;gap:12px}.catalog{padding:32px 0}}@media(max-width:360px){.portal-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-item{transition:none}.service-item:hover{transform:none}}