.landing-page { background: #fff; color: #202d5d; }
.landing-page .page-content { display: flex; flex-direction: column; justify-content: center; min-height: 100svh; padding: 44px 24px 64px; }
.university-portal { width: 100%; max-width: 820px; margin: auto; text-align: center; }
.university-logo { display: block; width: min(420px, 100%); height: auto; margin: 0 auto 22px; }
.university-portal h1 { margin: 0 0 44px; color: #202d5d; font-size: clamp(27px, 4vw, 36px); font-weight: 650; line-height: 1.3; letter-spacing: -.7px; }
.university-portal h1 span { display: block; margin-top: 10px; color: #606875; font-size: clamp(18px, 2.5vw, 23px); font-weight: 450; letter-spacing: 0; }
.activity-buttons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.activity-button { display: flex; align-items: center; gap: 15px; min-height: 92px; padding: 22px 24px; border: 1px solid #202d5d; border-radius: 10px; background: #202d5d; color: #fff; text-decoration: none; text-align: left; font-size: 15px; font-weight: 550; line-height: 1.5; transition: background .15s, border-color .15s; }
.activity-button > .icon { flex-shrink: 0; color: #d2b66b; }
.activity-button .activity-button-arrow { width: 18px; height: 18px; margin-left: auto; color: #fff; }
.activity-button:hover { background: #303f76; border-color: #303f76; color: #fff; }
.activity-button:focus-visible { outline: 3px solid #b69c51; outline-offset: 4px; }
@media (max-width: 600px) {
    .landing-page .page-content { padding: 30px 22px 44px; }
    .university-logo { width: min(330px, 100%); margin-bottom: 18px; }
    .university-portal h1 { margin-bottom: 30px; }
    .activity-buttons { grid-template-columns: 1fr; gap: 12px; }
    .activity-button { min-height: 74px; padding: 19px 20px; font-size: 14px; }
}