@font-face{font-family:PNsans;src:url(/font/WOFF/PNSans-Light.woff)format("woff");font-weight:300}@font-face{font-family:PNsans;src:url(/font/WOFF/PNSans-Regular.woff)format("woff");font-weight:400}@font-face{font-family:PNsans;src:url(/font/WOFF/PNSans-Medium.woff)format("woff");font-weight:500}@font-face{font-family:PNsans;src:url(/font/WOFF/PNSans-Bold.woff)format("woff");font-weight:700}.header{background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:15px 30px;display:flex}.logo img{cursor:pointer;height:40px}.nav ul{gap:25px;list-style:none;display:flex}.nav ul li a{color:#333;font-weight:500;text-decoration:none;transition:color .2s}.nav ul li a:hover{color:#0070f3}.menu-btn{cursor:pointer;background:0 0;border:none;font-size:28px;display:none}@media (max-width:768px){.menu-btn{display:block}.nav{background:#fff;border-bottom:1px solid #eee;border-left:1px solid #eee;width:200px;padding:20px;display:none;position:absolute;top:70px;right:0}.nav.open{display:block}.nav ul{flex-direction:column;gap:15px}}.portal{padding:40px;font-family:system-ui,sans-serif}.portal-hero{text-align:center;margin-bottom:50px}.portal-hero h1{margin-bottom:10px;font-size:42px}.portal-hero p{color:#666;font-size:18px}:root{--pn-blue:#0072ce;--pn-light-blue:#e6f0fa;--pn-gray:#f5f5f5;--pn-text:#333}body{background-color:var(--pn-gray);color:var(--pn-text);margin:0;font-family:Segoe UI,Arial,sans-serif}.portal{padding:2rem}.portal-header{text-align:center;margin-bottom:2rem}.portal-header h1{color:var(--pn-blue);margin-bottom:.5rem;font-size:2.5rem}.portal-header p{font-size:1.2rem}.portal-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.portal-card{border:1px solid var(--pn-light-blue);color:var(--pn-text);background:#fff;border-radius:8px;padding:1.5rem;text-decoration:none;transition:all .2s;box-shadow:0 2px 6px #0000000d}.portal-card:hover{border-color:var(--pn-blue);box-shadow:0 4px 12px #0000001a}.portal-card h3{color:var(--pn-blue);margin:0 0 .5rem}.portal-card p{color:#555;font-size:.95rem}@keyframes particlePop{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-80%)scale(.3)}}.portal-header{text-align:center}.hero-img{width:100%;height:30em;display:block}.text-overlay{color:#fcfcfc;text-align:center;font-size:1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:900px){.contact-layout{grid-template-columns:1fr}}