@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--primary-blue: #0d6efd;--primary-dark: #0f172a;--success-green: #198754;--border-color: #e2e8f0}body{font-family:Plus Jakarta Sans,sans-serif;margin:0;padding:0;min-height:100vh;background-color:#f8fafc;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%236366f1' fill-opacity='0.03' fill-rule='evenodd'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z'/%3E%3C/g%3E%3C/svg%3E");background-attachment:fixed}.hero-banner{background-color:#f0f7ff;background-image:radial-gradient(at 0% 0%,rgba(13,110,253,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(99,102,241,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(255,255,255,1) 0px,transparent 50%),linear-gradient(180deg,#eef2ff,#f8fafc);color:var(--primary-dark);padding:18px 0 80px;border-radius:0 0 50px 50px;margin-bottom:-100px;box-shadow:0 4px 20px #00000008;position:relative;overflow:hidden;border-bottom:1px solid rgba(13,110,253,.1)}.simple-badge{background:#0d6efd14;color:var(--primary-blue);padding:6px 16px;border-radius:100px;font-weight:700;font-size:.85rem;display:inline-block;margin-bottom:20px;border:1px solid rgba(13,110,253,.2);text-transform:uppercase;letter-spacing:.5px}.main-heading{font-weight:800;font-size:3rem;margin-bottom:15px;line-height:1.2;color:#1e293b}.main-heading span{color:var(--primary-blue);background:linear-gradient(120deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-banner p{color:#64748b;font-weight:500}.content-container{position:relative;z-index:10}.portal-card,.notice-section,.enrollment-footer{background:#fff;border-radius:24px;box-shadow:0 10px 30px #0000000a;border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1)}.portal-card{padding:15px;text-align:center;text-decoration:none;display:flex;flex-direction:column;align-items:center;height:100%}.portal-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0d6efd1f;border-color:var(--primary-blue)}.icon-circle{width:80px;height:80px;border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:2.4rem;margin-bottom:25px;transition:transform .3s ease}.portal-card:hover .icon-circle{transform:scale(1.1) rotate(2deg)}.student-bg{background:#f0f7ff;color:var(--primary-blue)}.admin-bg{background:#f1fbff;color:#3852c3}.card-title{font-weight:800;font-size:1.5rem;color:var(--primary-dark);margin-bottom:25px}.notice-section{padding:15px;height:100%}.notice-title{font-weight:800;color:var(--primary-dark);margin-bottom:25px;display:flex;align-items:center;gap:12px;font-size:1.25rem}.notice-entry{padding:10px 0;border-bottom:1px solid #f1f5f9;display:block;text-decoration:none;color:inherit;transition:padding .2s ease}.notice-entry:hover{background:#f8fafc;padding-left:8px;border-radius:8px}.notice-entry:last-child{border:none}.date-tag{font-size:.7rem;color:#94a3b8;font-weight:800;text-transform:uppercase;display:block;margin-bottom:4px}.notice-text{color:#475569;font-weight:600;line-height:1.4;font-size:.92rem}.enrollment-footer{padding:10px 20px;margin-top:35px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;border:2px dashed #cbd5e1;background:linear-gradient(to right,#fff,#f0fdf4)}.enroll-btn{background:var(--success-green);color:#fff;padding:10px 35px;border-radius:14px;font-weight:700;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #19875433}.enroll-btn:hover{background:#146c43;color:#fff;transform:translateY(-2px);box-shadow:0 6px 15px #1987544d}@media(max-width:991px){.hero-banner{text-align:center;border-radius:0;padding:60px 0;margin-bottom:20px}.main-heading{font-size:2.2rem}}