.portalDirectory{color:#291f2d;background:#f7f4f7;min-height:100vh}.portalDirectory>header{background:#fff;border-bottom:1px solid #e2d9e3;justify-content:space-between;align-items:center;min-height:88px;padding:9px 7vw;display:flex}.portalDirectory>header img{object-fit:contain;width:235px;height:70px}.portalDirectory>header>a:last-child{color:#5d005d;align-items:center;min-height:44px;font-size:16px;font-weight:900;display:inline-flex}.directoryHero{color:#fff;background:radial-gradient(circle at 82% 45%,#ffffff17 0 3px,#0000 4px) 0 0/34px 34px,linear-gradient(115deg,#23002d,#5d005d);padding:60px 8vw 48px}.directoryHero>p,.directoryIntro>p,.directorySupport p{letter-spacing:.17em;color:#efb93c;margin:0;font-size:13px;font-weight:900}.directoryHero h1{margin:12px 0 16px;font:58px/1.05 Georgia,serif}.directoryHero>span{color:#eadfec;max-width:820px;font:18px/1.7 Georgia,serif;display:block}.directoryAccountBar,.directorySignInBar{background:#fff;border:1px solid #e4dae5;border-top:0;justify-content:space-between;align-items:center;gap:24px;margin:0 7vw;padding:23px 27px;display:flex}.directoryAccountBar div,.directorySignInBar>div:first-child{gap:5px;display:grid}.directoryAccountBar span,.directorySignInBar span{color:#f36b21;letter-spacing:.14em;font-size:11px;font-weight:900}.directoryAccountBar b,.directorySignInBar b{color:#3c1642;font:23px Georgia,serif}.directoryAccountBar small{color:#776c79;text-transform:capitalize;font-size:14px}.directorySignInBar small{color:#776c79;max-width:620px;font-size:13px;line-height:1.5}.directoryAccountBar>a,.directorySignInBar a{justify-content:center;align-items:center;min-height:48px;padding:14px 18px;font-size:14px;font-weight:900;display:inline-flex}.directoryAccountBar>a{color:#5d005d;border:1px solid #d9cadb}.directorySignInBar>div:last-child{gap:9px;display:flex}.directorySignInBar a{color:#fff;background:#168c8b}.directorySignInBar a:last-child{background:#5d005d}.directorySystemNotice{background:#fff5dd;border-left:5px solid #d8a62a;align-items:center;gap:18px;margin:22px 7vw 0;padding:16px 19px;display:flex}.directorySystemNotice b{letter-spacing:.14em;color:#8a5f0c;font-size:12px}.directorySystemNotice span{color:#594d5c;font:16px/1.6 Georgia,serif}.directoryIntro{padding:54px 7vw 20px}.directoryIntro>p{color:#f36b21}.directoryIntro h2{color:#2f0b37;margin:10px 0 8px;font:39px Georgia,serif}.directoryIntro>span{color:#6e6371;font:17px/1.65 Georgia,serif}.directoryGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;padding:22px 7vw 54px;display:grid}.portalCard{--portal-accent:#5d005d;--portal-soft:#f5edf6;border-top:7px solid var(--portal-accent);background:#fff;flex-direction:column;min-height:330px;padding:28px;transition:transform .2s,box-shadow .2s;display:flex}:is(.portalCard:hover,.portalCard:focus-visible){outline:none;transform:translateY(-4px);box-shadow:0 18px 38px #28132c1a}.portalCard.student{--portal-accent:#168c8b;--portal-soft:#eaf8f7}.portalCard.applicant{--portal-accent:#c48616;--portal-soft:#fff7e4}.portalCard.registration{--portal-accent:#d65a1f;--portal-soft:#fff1ea}.portalCard.administrator{--portal-accent:#7c3a13;--portal-soft:#fff3e8}.portalCard.lecturer{--portal-accent:#1f5f9a;--portal-soft:#edf5fb}.portalCard.admissions{--portal-accent:#ad7415;--portal-soft:#fff8e8}.portalCard.registrar{--portal-accent:#963d55;--portal-soft:#fbf0f3}.portalCard.finance{--portal-accent:#247349;--portal-soft:#edf8f1}.portalCard.hr{--portal-accent:#b34862;--portal-soft:#fceff3}.portalCard.marketing{--portal-accent:#e66b26;--portal-soft:#fff2e9}.portalCard.operations{--portal-accent:#5d4777;--portal-soft:#f3eff7}.portalCard.production{--portal-accent:#087f8c;--portal-soft:#eaf7f8}.portalCard.system{--portal-accent:#6f2c91;--portal-soft:#f5edfa}.portalCard>header{justify-content:space-between;align-items:center;display:flex}.portalCard>header span{background:var(--portal-soft);width:43px;height:43px;color:var(--portal-accent);justify-content:center;align-items:center;font:700 18px Georgia,serif;display:inline-flex}.portalCard>header em{color:var(--portal-accent);letter-spacing:.14em;font-size:11px;font-style:normal;font-weight:900}.portalCard .portalCategory{color:var(--portal-accent);letter-spacing:.1em;text-transform:uppercase;margin:27px 0 8px;font-size:11px;font-weight:900}.portalCard h2{color:#2d1831;margin:0 0 12px;font:29px/1.13 Georgia,serif}.portalCard>p:not(.portalCategory){color:#655b68;margin:0;font:16px/1.65 Georgia,serif}.portalCard footer{border-top:1px solid #eee8ef;justify-content:space-between;align-items:flex-end;gap:17px;margin-top:auto;padding-top:24px;display:flex}.portalCard footer span{color:#766c79;text-transform:uppercase;max-width:52%;font-size:11px;font-weight:800}.portalCard footer strong{color:var(--portal-accent);text-align:right;font-size:13px}.directorySupport{background:#fff5e9;border-left:6px solid #f36b21;justify-content:space-between;align-items:center;gap:28px;margin:0 7vw 50px;padding:30px 33px;display:flex}.directorySupport h2{margin:8px 0;font:29px Georgia,serif}.directorySupport span{color:#6b5c64;max-width:680px;font:16px/1.6 Georgia,serif;display:block}.directorySupport>div:last-child{gap:9px;display:flex}.directorySupport a{color:#fff;text-align:center;background:#5d005d;justify-content:center;align-items:center;min-height:48px;padding:14px 17px;font-size:13px;font-weight:900;display:inline-flex}.directorySupport a:last-child{background:#f36b21}.directoryFooter{color:#d7c9db;background:#21002b;justify-content:space-between;padding:24px 7vw;font-size:14px;display:flex}.directoryFooter a{color:#d8a62a}@media (max-width:1040px){.directoryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.directorySupport{flex-direction:column;align-items:flex-start}}@media (max-width:700px){.portalDirectory>header img{width:180px}.directoryHero{padding:50px 7vw 42px}.directoryHero h1{font-size:45px}.directoryAccountBar,.directorySignInBar{flex-direction:column;align-items:flex-start}.directorySignInBar>div:last-child,.directorySupport>div:last-child{flex-direction:column;width:100%}.directorySignInBar a,.directorySupport a{width:100%}.directoryGrid{grid-template-columns:1fr}.portalCard{min-height:310px}.directoryFooter{flex-direction:column;gap:12px}}