/* Login dialog on the public registration page only. */
dialog.alumni-login { width:min(480px,calc(100% - 28px)); max-height:calc(100vh - 32px); max-height:calc(100dvh - 32px); overflow-y:auto; margin:auto; min-width:0; border:1px solid #d9e7e9; border-radius:18px; padding:30px 26px 26px; background:#fff; color:#1c2939; box-shadow:0 24px 70px #071f2955; }
dialog.alumni-login:not([open]) { display:none; }
.alumni-login::backdrop { background:rgba(10,30,47,.65); }
html.alumni-login-open { overflow:hidden; }
.alumni-login h2 { padding-right:38px; }
.alumni-login-action { margin-top:14px; }
.alumni-login-trigger { width:100%; min-height:46px; padding:13px 16px; border:1px solid #a4ccc7; border-radius:8px; background:#edf8f5; color:#076760; font:700 15px 'DM Sans',Arial,sans-serif; cursor:pointer; }
.alumni-login-trigger:hover { background:#dcefe9; }
.alumni-login-trigger[hidden] { display:none; }
.alumni-login-trigger:focus-visible { outline:3px solid #08766f; outline-offset:3px; }
.alumni-login-trigger i { margin-right:7px; }
.alumni-login .alumni-login-close { position:absolute; right:12px; top:12px; width:40px; min-height:40px; padding:0; border-radius:50%; background:#eef3f6; color:#344e60; font:28px/1 Arial,sans-serif; }
.alumni-login .alumni-login-close:hover { background:#e0e9ed; }
.alumni-login h2 { margin:0 0 8px; color:#102b4b; font:600 27px/1.2 'Playfair Display',Georgia,serif; }
.alumni-login p { margin:0 0 18px; color:#566b7c; font-size:14px; font-weight:400; line-height:1.6; text-transform:none; letter-spacing:normal; }
.alumni-login form { display:grid; gap:15px; }
.alumni-login label { display:grid; gap:7px; font-size:13px; font-weight:700; color:#344e60; }
.alumni-login input { width:100%; min-width:0; min-height:46px; padding:11px 12px; border:1px solid #b9cbd6; border-radius:8px; font:16px 'DM Sans',Arial,sans-serif; background:#fff; color:#172b43; }
.alumni-login button { width:100%; min-height:46px; padding:12px; border:0; border-radius:8px; background:#08766f; color:#fff; font:700 15px 'DM Sans',Arial,sans-serif; cursor:pointer; }
.alumni-login button i { margin:0 7px 0 0; color:inherit; }
.alumni-login button:hover { background:#065d58; }
.alumni-login :is(input,button,a):focus-visible { outline:3px solid #e3ac36; outline-offset:3px; }
.alumni-login .alumni-login-links { display:flex; flex-wrap:wrap; gap:10px 18px; margin:18px 0 0; font-size:13px; }
.alumni-login-links a { color:#08766f; font-weight:700; text-underline-offset:3px; }
.alumni-login .alumni-login-note { border-top:1px solid #e1e9ef; padding-top:14px; margin:18px 0 0; font-size:12px; }
.alumni-login .message { color:#a12727; background:#fff0f0; padding:12px; margin-bottom:16px; }
.alumni-join-nav { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:10px 16px; }
#old-student-login,#alumni-registration { scroll-margin-top:20px; }
@media(max-width:520px){ header { height:auto; min-height:76px; gap:12px; padding-top:12px; padding-bottom:12px; } .alumni-join-nav { max-width:170px; gap:8px 12px; } dialog.alumni-login { padding:26px 18px; } }