*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#172033;background:#fff;line-height:1.6}.topbar{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #e8ebf0;display:flex;align-items:center;justify-content:space-between;padding:14px 6%;box-shadow:0 2px 12px #00000008}.brand{display:flex;align-items:center;gap:12px}.logo{width:48px;height:48px;border-radius:14px;background:#173f7a;color:#fff;display:grid;place-items:center;font-weight:800}.brand h1{font-size:17px;margin:0}.brand p{font-size:12px;margin:0;color:#6c7480}nav{display:flex;gap:24px}nav a{text-decoration:none;color:#374151;font-size:14px;font-weight:600}.menu-btn{display:none;background:none;border:0;font-size:25px}.hero{min-height:570px;padding:80px 8%;display:grid;grid-template-columns:1.4fr .8fr;gap:50px;align-items:center;background:linear-gradient(135deg,#f4f8ff,#fff)}.badge,.section-heading span{font-size:12px;font-weight:800;letter-spacing:1.5px;color:#2d66b3}.hero h2{font-size:52px;line-height:1.08;margin:14px 0}.hero h2 strong{color:#173f7a}.hero p{max-width:650px;color:#596273;font-size:17px}.actions{display:flex;gap:12px;margin-top:28px}.btn{padding:13px 20px;border-radius:10px;text-decoration:none;font-weight:700;font-size:14px}.primary{background:#173f7a;color:white}.secondary{border:1px solid #cfd6e1;color:#173f7a;background:white}.hero-card{background:#173f7a;color:white;border-radius:24px;padding:38px;box-shadow:0 18px 45px #173f7a33}.hero-card .card-icon{font-size:50px}.hero-card h3{font-size:25px}.hero-card p{color:#dce8fa}.section{padding:75px 8%}.alt{background:#f7f9fc}.section-heading h2{font-size:34px;margin:5px 0 30px}.about-grid,.announcement-grid,.tiles,.portal-grid{display:grid;gap:20px}.about-grid{grid-template-columns:1fr 1fr}.info-card,.announcement-grid article,.tile,.portal{background:white;border:1px solid #e5e9ef;border-radius:16px;padding:25px}.announcement-grid{grid-template-columns:repeat(3,1fr)}article small{color:#2d66b3;font-weight:700}.tiles{grid-template-columns:repeat(3,1fr)}.tile b{font-size:30px}.portal-grid{grid-template-columns:repeat(4,1fr)}.portal{text-align:left;cursor:pointer;color:inherit;transition:.2s}.portal:hover{transform:translateY(-4px);box-shadow:0 12px 25px #00000010}.portal span{font-size:32px}.portal h3{margin:8px 0}.portal p{font-size:14px;color:#697386}footer{padding:30px 8%;display:flex;justify-content:space-between;background:#122b52;color:white;font-size:13px}@media(max-width:800px){nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:20px 6%;flex-direction:column;border-bottom:1px solid #eee}.menu-btn{display:block}.hero{grid-template-columns:1fr;padding-top:55px}.hero h2{font-size:40px}.about-grid,.announcement-grid,.tiles,.portal-grid{grid-template-columns:1fr}.section{padding:55px 6%}footer{flex-direction:column;gap:15px}}