:root{--primary: #ac6ff8;--primary-light: #f5f0ff;--gray-50: #f9fafb;--gray-200: #e5e7eb;--gray-400: #9ca3af;--gray-600: #4f4c4c;--gray-800: #2d2a2a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:var(--gray-50);color:var(--gray-600);-webkit-font-smoothing:antialiased}.portal{max-width:1100px;margin:0 auto}.portal-header-inner{margin-bottom:32px}.portal-header-inner h1{font-size:1.5rem;font-weight:700;color:var(--gray-800)}.portal-header-inner p{color:var(--gray-400);margin-top:4px;font-size:.85rem}.portal-stats{display:flex;gap:16px;margin-bottom:32px}.stat-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:20px 32px;text-align:center}.stat-value{display:block;font-size:2rem;font-weight:700;color:var(--primary)}.stat-label{font-size:.8rem;color:var(--gray-400)}.portal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.department-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:20px;transition:border-color .15s,box-shadow .15s;cursor:pointer}.department-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #ac6ff81a}.department-card h3{font-size:1rem;font-weight:600;color:var(--gray-800);margin-bottom:4px}.module-count{font-size:.75rem;color:var(--primary);font-weight:500}.department-card ul{list-style:none;margin-top:12px}.department-card li{font-size:.82rem;padding:4px 0;border-bottom:1px solid var(--gray-50)}.department-card li:last-child{border-bottom:none}.module-link{color:var(--gray-600);text-decoration:none;transition:color .15s}.module-link:hover{color:var(--primary)}