@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{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;min-height:100vh;margin:0;padding:0;font-family:Plus Jakarta Sans,sans-serif}.hero-banner{color:var(--primary-dark);background-color:#f0f7ff;background-image:radial-gradient(at 0 0,#0d6efd26 0,#0000 50%),radial-gradient(at 100% 0,#6366f11a 0,#0000 50%),radial-gradient(at 100% 100%,#fff 0,#0000 50%),linear-gradient(#eef2ff 0%,#f8fafc 100%);border-bottom:1px solid #0d6efd1a;border-radius:0 0 50px 50px;margin-bottom:-100px;padding:18px 0 80px;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000008}.simple-badge{color:var(--primary-blue);text-transform:uppercase;letter-spacing:.5px;background:#0d6efd14;border:1px solid #0d6efd33;border-radius:100px;margin-bottom:20px;padding:6px 16px;font-size:.85rem;font-weight:700;display:inline-block}.main-heading{color:#1e293b;margin-bottom:15px;font-size:3rem;font-weight:800;line-height:1.2}.main-heading span{color:var(--primary-blue);background:linear-gradient(120deg,#2563eb,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-banner p{color:#64748b;font-weight:500}.content-container{z-index:10;position:relative}.portal-card,.notice-section,.enrollment-footer{border:1px solid var(--border-color);background:#fff;border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #0000000a}.portal-card{text-align:center;flex-direction:column;align-items:center;height:100%;padding:15px;text-decoration:none;display:flex}.portal-card:hover{border-color:var(--primary-blue);transform:translateY(-4px);box-shadow:0 20px 40px #0d6efd1f}.icon-circle{border-radius:22px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:25px;font-size:2.4rem;transition:transform .3s;display:flex}.portal-card:hover .icon-circle{transform:scale(1.1)rotate(2deg)}.student-bg{color:var(--primary-blue);background:#f0f7ff}.admin-bg{color:#3852c3;background:#f1fbff}.card-title{color:var(--primary-dark);margin-bottom:25px;font-size:1.5rem;font-weight:800}.notice-section{height:100%;padding:15px}.notice-title{color:var(--primary-dark);align-items:center;gap:12px;margin-bottom:25px;font-size:1.25rem;font-weight:800;display:flex}.notice-entry{color:inherit;border-bottom:1px solid #f1f5f9;padding:10px 0;text-decoration:none;transition:padding .2s;display:block}.notice-entry:hover{background:#f8fafc;border-radius:8px;padding-left:8px}.notice-entry:last-child{border:none}.date-tag{color:#94a3b8;text-transform:uppercase;margin-bottom:4px;font-size:.7rem;font-weight:800;display:block}.notice-text{color:#475569;font-size:.92rem;font-weight:600;line-height:1.4}.enrollment-footer{background:linear-gradient(90deg,#fff,#f0fdf4);border:2px dashed #cbd5e1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:35px;padding:10px 20px;display:flex}.enroll-btn{background:var(--success-green);color:#fff;border-radius:14px;padding:10px 35px;font-weight:700;text-decoration:none;transition:all .3s;box-shadow:0 4px 12px #19875433}.enroll-btn:hover{color:#fff;background:#146c43;transform:translateY(-2px);box-shadow:0 6px 15px #1987544d}@media (width<=991px){.hero-banner{text-align:center;border-radius:0;margin-bottom:20px;padding:60px 0}.main-heading{font-size:2.2rem}}