:root{--blue:#0645f5;--cyan:#31dcff;--ink:#151721;--muted:#646b79;--line:#dce1e9;--paper:#f5f6f8;--white:#fff;--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,textarea,select,summary{touch-action:manipulation}:focus-visible{outline:3px solid #0674a7;outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(34px,4.5vw,64px);line-height:1.05;letter-spacing:-.055em;margin-bottom:24px}h2{font-size:clamp(26px,3vw,40px);line-height:1.15;letter-spacing:-.04em}h3{font-size:22px;line-height:1.2;letter-spacing:-.025em}.header{min-height:96px;background:white;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 4vw;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:20px;color:var(--ink);font-size:27px;font-weight:800;line-height:1}.brand:hover{text-decoration:none}.brand img{width:170px;height:56px;object-fit:contain}.brand-small{display:block;font-size:9px;letter-spacing:.035em;color:var(--muted);font-weight:500;margin-top:8px}.header nav{display:flex;align-items:center;justify-content:flex-end;gap:17px;flex-wrap:wrap;max-width:980px;font-size:12px;font-weight:700}.header nav a{color:var(--ink)}.header nav .nav-account{padding:11px 15px;color:white;background:var(--blue);border-radius:4px}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);padding:8px 12px}.shell{width:min(1280px,calc(100% - 80px));margin:0 auto}.narrow{max-width:820px}.section{padding-top:72px;padding-bottom:72px}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.17em;color:var(--blue);margin-bottom:20px}.lead{font-size:18px;color:var(--muted);max-width:760px}.page-heading{margin-bottom:36px}.hero{position:relative;overflow:hidden;background:var(--blue);color:white;min-height:620px;padding:90px max(40px,calc((100vw - 1280px)/2)) 100px}.hero-copy{position:relative;max-width:800px;z-index:1}.hero .eyebrow{color:#b8f3ff}.hero h1{font-size:clamp(42px,6.2vw,86px);letter-spacing:-.055em;line-height:1.05}.hero h1 em{color:var(--cyan);font-style:normal}.hero p:not(.eyebrow){max-width:640px;font-size:18px;line-height:1.8;color:#e7f2ff}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-top:34px}.hero .text-link{color:white;font-weight:700}.hero-bottom{position:absolute;bottom:28px;color:#d9f7ff;font-size:12px;letter-spacing:.08em}.hero-art{position:absolute;width:560px;height:560px;right:-110px;top:55px;opacity:.7}.orbit{position:absolute;top:50%;left:50%;border:1px solid #ffffff55;border-radius:50%;transform:translate(-50%,-50%)}.orbit-one{width:520px;height:520px}.orbit-two{width:365px;height:365px}.orbit-three{width:210px;height:210px;border-color:var(--cyan)}.orbit-dot{position:absolute;top:50%;left:50%;width:20px;height:20px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 16px #31dcff22}.hero-word{position:absolute;top:47%;left:-150px;font-size:92px;line-height:1;font-weight:900;letter-spacing:.04em;color:#ffffff10;transform:rotate(-90deg)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);border:1px solid var(--blue);color:white;border-radius:4px;min-height:46px;padding:12px 20px;font-size:13px;font-weight:700;gap:12px;line-height:1.4;text-align:center}.button:hover{background:#0037c8;text-decoration:none;color:white}.button.white{color:var(--ink);background:white;border-color:white}.button.secondary{background:white;color:var(--blue);border-color:var(--line)}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-top p{color:var(--muted)}.section-top .eyebrow{color:var(--blue)}.section-top h2{margin-bottom:0}.opportunity-grid,.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.opportunity{background:white;min-height:315px;padding:28px;color:var(--ink);border:1px solid transparent;transition:transform .2s,border-color .2s}.opportunity:hover{transform:translateY(-4px);border-color:var(--blue);text-decoration:none}.card-top{display:flex;justify-content:space-between;font-size:12px;font-weight:700}.card-icon{font-size:44px;color:var(--blue);line-height:1;margin:45px 0 24px}.opportunity p{font-size:14px;color:var(--muted)}.stats-band{background:var(--ink);color:white;padding:56px 0}.stats-band .eyebrow{color:var(--cyan)}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.stats-grid strong{display:block;font-size:50px;line-height:1.2;letter-spacing:-.04em}.stats-grid span{font-size:12px;color:#c2cad9}.stats-band .muted{font-size:11px;color:#adb7ca;margin-top:30px}.card{display:flex;flex-direction:column;align-items:flex-start;padding:28px;background:white;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);min-height:220px;overflow-wrap:anywhere}.card:hover{border-color:var(--blue);text-decoration:none}.card h3{margin:20px 0 14px}.card p{font-size:14px}.card-arrow{margin-top:auto;padding-top:22px;border-top:1px solid var(--line);width:100%;color:var(--blue);font-size:12px;font-weight:800}.badge{display:inline-block;border-radius:4px;background:#eaf0ff;color:#173caf;padding:5px 10px;font-size:11px;font-weight:700}.muted{color:var(--muted)}.join-band{background:#e8edff;padding:50px;margin-top:16px;margin-bottom:70px;border-radius:var(--radius)}.footer{background:white;border-top:1px solid var(--line);padding:48px 4vw;display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px;font-size:12px;color:var(--muted)}.footer strong{color:var(--ink);font-size:18px}.footer-links{display:flex;gap:18px;flex-wrap:wrap;max-width:630px}.panel{background:white;padding:28px;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:22px;overflow-wrap:anywhere}.panel h2{font-size:25px}.prose h3{margin-top:30px}.prose p{white-space:normal}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:26px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field:has(textarea),.field:has(input[type=file]){grid-column:1/-1}.field label{font-size:13px;font-weight:700}.field label span{color:#ad2338}input,select,textarea{border:1px solid #b8c1d1;border-radius:4px;padding:11px 12px;background:white;color:var(--ink);width:100%;min-height:46px}input[type=checkbox]{width:22px;min-height:22px;height:22px;accent-color:var(--blue)}textarea{resize:vertical}.form-result{grid-column:1/-1;max-width:100%;color:#14613c;overflow-wrap:anywhere}.form-result:empty{display:none}.form-result.error{color:#a31532;background:#fff0f2;padding:16px;border-radius:4px}.form-grid>.button{justify-self:start}.filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end;background:white;padding:24px;margin-bottom:30px;border:1px solid var(--line);border-radius:var(--radius)}.filters .button{align-self:end}.empty{text-align:center;border:1px dashed #b7c2d4;border-radius:var(--radius);padding:50px 20px;background:#fff8;color:var(--muted)}.empty>span{display:block;font-size:35px;color:var(--blue);margin-bottom:20px}.empty h3{color:var(--ink)}.empty p{margin-bottom:0}.notice{background:#edf2ff;padding:18px;border-left:3px solid var(--blue);font-size:14px}.profile-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:24px}.profile-grid>aside{align-self:start}.profile-grid>aside .form-grid{display:block}.profile-grid>aside .field{margin-bottom:15px}.profile-grid>aside .button{margin-bottom:12px}.avatar{width:76px;height:76px;border-radius:50%;object-fit:cover;margin-bottom:18px}.avatar.large{width:130px;height:130px}.initials{display:flex;align-items:center;justify-content:center;background:#e4ecff;color:var(--blue);font-size:22px;font-weight:700}.workspace{display:grid;grid-template-columns:230px minmax(0,1fr);gap:36px}.sidebar{align-self:start;background:white;padding:22px 18px;border:1px solid var(--line);border-radius:var(--radius)}.sidebar a{display:block;padding:8px 10px;color:var(--ink);font-size:13px;line-height:1.4;border-radius:4px}.sidebar a:hover,.sidebar a[aria-current=page]{background:#edf2ff;color:var(--blue);text-decoration:none}.sidebar .api-form{display:block;margin-top:20px;margin-bottom:0}.workspace-main{min-width:0}.workspace-main .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-links{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}.activity>.form-grid{display:inline-grid;vertical-align:top;margin-right:10px}.activity>.form-grid:has(.field){display:grid;margin-right:0}.activity .prose{margin-bottom:0}.admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.admin-stats strong{font-size:35px}.admin-stats p{font-size:12px;margin-bottom:0}.pagination{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px}.pagination a{padding:8px 15px;background:white;border:1px solid var(--line)}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--line);margin:30px 0;border:1px solid var(--line)}.calendar>div{background:white;padding:10px;min-height:100px;overflow-wrap:anywhere}.calendar>strong{text-align:center;background:white;font-size:12px;padding:8px}.calendar a{display:block;font-size:11px;line-height:1.4;margin-top:8px}.export-form{margin:20px 0}pre{font-size:12px;white-space:pre-wrap;word-break:break-word;background:#f4f6fb;padding:18px;max-height:440px;overflow:auto}progress{width:100%;height:12px;accent-color:var(--blue)}summary{cursor:pointer;font-weight:700;margin-bottom:20px}.skip{position:absolute;top:-70px;left:10px;z-index:9;background:white;padding:12px}.skip:focus{top:10px}#toast:empty{display:none}@media(min-width:1550px){.hero-art{right:3vw}}@media(max-width:1200px){.header{flex-wrap:wrap}.header nav{max-width:none;justify-content:flex-start}.hero-art{opacity:.25}.workspace{grid-template-columns:200px minmax(0,1fr);gap:24px}.filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.header{min-height:82px}.header nav{display:none;flex-direction:column;align-items:stretch;width:100%;gap:4px}.header nav.is-open{display:flex}.header nav a{padding:12px}.menu-toggle{display:block}.brand img{width:145px}.brand-small{display:none}.shell{width:calc(100% - 40px)}.section{padding-top:46px;padding-bottom:46px}.hero{min-height:550px;padding:65px 24px 100px}.hero-copy{max-width:700px}.hero h1{font-size:clamp(42px,7.5vw,70px)}.opportunity-grid,.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-top{align-items:flex-start}.profile-grid{grid-template-columns:1fr}.workspace{grid-template-columns:1fr}.sidebar{display:flex;flex-wrap:wrap;gap:4px;max-height:220px;overflow:auto}.sidebar>.eyebrow{width:100%}.sidebar .api-form{margin:0}.sidebar a{padding:8px}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.join-band{padding:32px}.calendar>div{padding:5px;min-height:70px}}@media(max-width:540px){.brand{gap:10px;font-size:22px}.brand img{width:125px;height:45px}.header{padding:14px 20px;gap:10px}.menu-toggle{font-size:12px}.hero h1{font-size:43px}.hero p:not(.eyebrow){font-size:16px}.hero-art{right:-350px}.hero-actions{gap:20px}.opportunity-grid,.cards,.workspace-main .cards{grid-template-columns:1fr}.opportunity{min-height:265px;padding:24px}.card-icon{margin-top:28px}.section-top{display:block}.section-top>a{display:inline-block;margin-top:18px}.stats-grid{gap:25px 14px}.stats-grid strong{font-size:36px}.stats-grid span{font-size:11px}.form-grid,.filters{grid-template-columns:1fr}.panel{padding:20px}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{padding:18px}.footer{padding:32px 20px}.footer-links{gap:12px}.calendar{font-size:11px}.calendar>div{min-height:55px;padding:3px}.calendar a{font-size:9px}.calendar>strong{font-size:10px}.shell{width:calc(100% - 32px)}.join-band{padding:25px}.quick-links .button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.opportunity{transition:none}}


/* Alumni visual refinement: static defaults, restrained motion and clear focus. */
:root {
  --radius: 12px;
  --shadow-soft: 0 5px 20px rgba(24, 43, 88, .035);
  --shadow-raised: 0 12px 30px rgba(24, 43, 88, .09);
  --ease-soft: cubic-bezier(.2, .7, .2, 1);
}
body { background: #f6f7fa; }
.header {
  box-shadow: 0 2px 16px rgba(24, 43, 88, .025);
  border-bottom-color: #e5e9f1;
}
.header nav a, .footer-links a, .text-link, .hero-bottom {
  transition: color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}
.header nav a:not(.nav-account) { border-radius: 6px; }
.header nav .nav-account { border-radius: 8px; box-shadow: 0 3px 10px #0645f51a; }
.hero {
  background:
    radial-gradient(ellipse at 85% 25%, #31dcff24, transparent 48%),
    radial-gradient(ellipse at 5% 100%, #406cff70, transparent 60%),
    linear-gradient(125deg, #073acc, #0645f5 55%, #123cbd);
}
.hero-art { opacity: .8; pointer-events: none; }
.orbit-one { border-color: #ffffff30; }
.orbit-two { border-color: #bdefff55; }
.orbit-three { border-color: #72eaffb3; box-shadow: 0 0 60px #31dcff12; }
.orbit-dot { box-shadow: 0 0 0 16px #31dcff18, 0 0 48px #31dcff60; }
.hero h1 em { color: #70e7ff; }
.hero-bottom { text-underline-offset: 5px; }
.button, .menu-toggle {
  border-radius: 8px;
  transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.button { box-shadow: 0 3px 10px #0645f51a; }
.button.white { box-shadow: 0 5px 18px #06276626; }
.button.secondary { box-shadow: 0 2px 7px #182b5808; }
.button:disabled { box-shadow: none; }
input, select, textarea {
  border-radius: 8px;
  transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}
input:focus-visible, select:focus-visible, textarea:focus-visible {
  border-color: var(--blue);
  box-shadow: 0 0 0 4px #0645f50d;
}
.opportunity, .card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
  transition: border-color 200ms ease, box-shadow 200ms ease;
}
.opportunity { position: relative; }
.opportunity::before {
  content: '';
  position: absolute;
  top: 0;
  left: 22px;
  right: 22px;
  height: 2px;
  background: linear-gradient(90deg, #0645f538, #31dcff66, transparent);
  pointer-events: none;
}
.card-icon {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  font-size: 34px;
  border-radius: 14px;
  background: linear-gradient(145deg, #edf2ff, #e9faff);
  margin: 32px 0 24px;
}
.alumni-public .opportunity, .alumni-public .card {
  transition: transform 200ms var(--ease-soft), border-color 200ms ease, box-shadow 200ms ease;
}
.opportunity:focus-visible, .card:focus-visible {
  transform: none;
  border-color: var(--blue);
  box-shadow: var(--shadow-soft);
}
.panel, .sidebar, .filters { box-shadow: var(--shadow-soft); }
.sidebar a {
  border-radius: 7px;
  transition: color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}
.sidebar a[aria-current=page] {
  background: #edf2ff;
  box-shadow: inset 3px 0 var(--blue);
  font-weight: 700;
}
.admin-stats .panel { border-top: 2px solid #d5e2ff; }
.admin-stats strong { color: #173caf; font-variant-numeric: tabular-nums; }
.badge { border-radius: 6px; }
.stats-band { background: linear-gradient(115deg, #151721, #17223b); }
.stats-grid strong { font-variant-numeric: tabular-nums; }
.stats-grid > div { padding-left: 16px; border-left: 1px solid #ffffff26; }
.join-band { background: linear-gradient(115deg, #e8edff, #eef8ff); border: 1px solid #dce5f8; }
.empty { background: #ffffffa6; border-color: #bdc9de; }
.empty > span { color: #174dd2; }
.form-result.error { border-radius: 8px; border: 1px solid #f2c8d1; }
.notice { border-radius: 0 8px 8px 0; }
.pagination a { border-radius: 8px; transition: border-color 180ms ease, background-color 180ms ease; }
@media (hover: hover) and (pointer: fine) {
  .alumni-public .opportunity:hover:not(:focus-visible),
  .alumni-public .card:hover:not(:focus-visible) {
    transform: translateY(-3px);
    border-color: #7298f9;
    box-shadow: var(--shadow-raised);
  }
  .button:hover:not(:disabled) { box-shadow: 0 5px 15px #0645f526; }
  .button.secondary:hover:not(:disabled) { background: #f3f6ff; color: #173caf; border-color: #b9cbf3; }
  .header nav a:not(.nav-account):hover { color: var(--blue); text-decoration: none; }
  .pagination a:hover { background: #f3f6ff; border-color: #b9cbf3; text-decoration: none; }
}
@media (hover: none), (pointer: coarse) {
  .opportunity:hover, .card:hover { transform: none; box-shadow: var(--shadow-soft); border-color: var(--line); }
}
@media (max-width: 1200px) { .hero-art { opacity: .3; } }
@media (max-width: 540px) {
  .stats-grid > div { padding-left: 10px; }
  .card-icon { margin-top: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .alumni-public .opportunity, .alumni-public .card, .button, .menu-toggle,
  .header nav a, .footer-links a, .text-link, .hero-bottom, .sidebar a,
  input, select, textarea, .pagination a { transition: none; }
  .alumni-public .opportunity:hover:not(:focus-visible),
  .alumni-public .card:hover:not(:focus-visible) { transform: none; }
}

/* Keep mobile navigation usable when JavaScript is disabled. */
@media (max-width: 900px) {
  .header nav { display: flex; }
  .menu-toggle { display: none; }
  .header.menu-ready nav { display: none; }
  .header.menu-ready nav.is-open { display: flex; }
  .header.menu-ready .menu-toggle { display: block; }
}