/* Midnight blue, porcelain and restrained lavender. */
body{background:radial-gradient(ellipse at 85% 2%,rgba(86,89,145,.09),transparent 32%),var(--bg)}
.nav{border-bottom-color:rgba(191,199,224,.13)}
.nav-join{border-color:#51586b;color:#d6d9e6;transition:background .2s,border-color .2s}
.nav-join:hover{background:#202534;border-color:#9298bc}
.brand-logo{box-shadow:0 0 0 1px #ffffff14;border-radius:5px}
.hero h1 em{color:#c1c5eb}
.eyebrow,.kicker{color:#aeb6d6}
.dot{background:#b4b9df;box-shadow:0 0 14px #a4afe02b}
.button{background:#c1c5e5;color:#191d30;border-radius:3px;box-shadow:inset 0 1px 0 #ffffff40;transition:background .2s,box-shadow .2s}
.button:hover{background:#d4d7ed;box-shadow:0 5px 22px #a4afe015}
.hero-foot span:first-child{background:#b7b9e708;border-color:#41485d;color:#bdc4e0}
.art{background:radial-gradient(ellipse at 34% 40%,#32425c38,transparent 58%),radial-gradient(ellipse at 70% 60%,#5445732e,transparent 62%),#121621;border-color:#303747;box-shadow:inset 0 0 70px #080b1230}
.art:before{background-image:linear-gradient(#b5c2e00a 1px,transparent 1px),linear-gradient(90deg,#b5c2e00a 1px,transparent 1px)}
.art-label{color:#9ba8c2}.art-cross{color:#aab4d1}.art-caption{color:#919bae}
.stat strong{color:#e1e4ef}.stat strong small{color:#aab3d4}
.about-note{border-left-color:#818bad;color:#b8becd}
.tags span{background:#aab3d405;color:#b8bfce}
.visual{border:1px solid #ffffff0d}
.v1{background:#cdd0dc}.v1:before{background:repeating-radial-gradient(ellipse at 70% 30%,#252a3b 0px,#252a3b 2px,transparent 3px,transparent 7px)}
.v1 .visual-label{color:#252a3b}
.v2{background:radial-gradient(circle at 45% 44%,#e0e2ee 0,#a7b0cf 13%,#30364e 14%,#8c94b5 15%,#151b2b 32%,#aa9dc3 33%,#242a3e 34%,#171c2b 52%,#5d6688 53%,#272e43 54%)}
.v3{background:repeating-linear-gradient(135deg,#30384d 0,#30384d 2px,#161b28 3px,#161b28 12px)}
.v3:before{color:#b8bbdc}.visual .visual-label{color:#d5d9e6}.v1 .visual-label{color:#252a3b}
.sample-note,.dept-top,.footer{color:#969fb3}
.departments{background:linear-gradient(145deg,#181d29,#141822);border-color:#303543}
.filter{border-color:#3c4355;color:#b5bed1;border-radius:3px}.filter:hover{border-color:#7a85a4}
.filter.active{background:#b9c0de;border-color:#b9c0de;color:#1a2030}
.dept{background:linear-gradient(145deg,#1b202d,#171c27);border-color:#343b4c;border-radius:4px}
.dept:hover{border-color:#7983a5;box-shadow:0 12px 30px #06091120}
.dept-top b,.dept-bottom button{color:#bcc4e5}.dept-bottom{color:#adb6ca;border-top-color:#323a4a}
.growth-card{border-top-color:#4d5872}.growth-card .num{color:#acb9da}
.join{background:radial-gradient(ellipse at 90% 0%,#6b608b25,transparent 65%),linear-gradient(120deg,#232c40,#292b42);border:1px solid #495169;color:#eceef6;box-shadow:inset 0 1px 0 #ffffff07;border-radius:4px}
.join .kicker{color:#a7b2d1}.join p,.join-actions small{color:#bac1d3}
.join .button{background:#c1c5e5;color:#191d30}.join .button:hover{background:#d4d7ed}
.email{border-bottom-color:#687493}.copy{color:#b9c2d9}.copy:hover{border-color:#7e8bac}
.footer strong{color:#bdc5d7}
dialog{background:#1b2130;border-color:#525e79;box-shadow:0 24px 100px #0008;border-radius:6px}
input,select,textarea{background:#131925;border-color:#424e66;border-radius:3px;color:#eef0f6}input::placeholder,textarea::placeholder{color:#8e99af}
.toast{background:#c1c5e5;color:#191d30;border-radius:4px}
/* Ranked department preferences. */
#apply-dialog{width:min(760px,calc(100% - 30px))}
.preferences{margin-top:26px}.preferences h3{font-size:17px;font-weight:500;margin:0 0 8px;color:#e1e5f0}
.preferences>p{margin:0 0 18px}
.preference-card{min-width:0;margin:0 0 16px;padding:14px 18px 18px;border:1px solid #3b465d;border-radius:4px;background:#141b281f}
.preference-card legend{padding:0 8px;color:#c9d0e8;font-size:13px}.preference-card legend span{font-size:10px;color:#9ba8c2;margin-left:8px}
.preference-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px}.preference-row>div{min-width:0}.preference-row label{margin:2px 0 9px}
.preference-row select{width:100%;font-size:13px;min-height:44px}.preference-row select:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:560px){.preference-row{grid-template-columns:1fr;gap:14px}.preference-card{padding:12px 13px 15px}}
@media(prefers-reduced-motion:reduce){.button,.nav-join{transition:none}}
.process{padding-top:24px}
.process-list{list-style:none;padding:0;margin:0;border-top:1px solid #414a60}
.process-step{display:grid;grid-template-columns:64px minmax(0,1fr) 110px;gap:24px;padding:30px 0;border-bottom:1px solid var(--line);position:relative}
.process-number{font:24px/1.4 Georgia,serif;color:#b9c2df}
.process-step h3{font-size:20px;font-weight:500;line-height:1.5;margin:0 0 10px;color:#e1e5f0}
.process-step p{font-size:13px;line-height:1.95;color:var(--muted);margin:0;max-width:780px}
.process-label{font:10px/2 monospace;letter-spacing:1.5px;color:#939eb6;text-align:right;padding-top:7px}
.application-routes{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:18px}
.application-routes>div{padding:17px 20px;background:#aeb6d607;border:1px solid #343d50;border-radius:3px}
.application-routes h4{font-size:12px;letter-spacing:1px;font-weight:500;color:#c2cbe3;margin:0 0 9px}
.process-apply{display:inline-flex;gap:18px;color:#c1c5e5;font-size:12px;margin-top:14px;padding:3px 0;border-bottom:1px solid #687493}
.process-apply:hover{color:#eceef6;border-color:#c1c5e5}
.process-milestones{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.process-milestones span{font-size:10px;color:#b4bfd8;background:#aeb6d607;padding:7px 10px;border:1px solid #354057;border-radius:3px}
@media(min-width:701px) and (max-width:1100px){.links{gap:14px;font-size:12px}.nav{gap:14px}.nav-join{padding:10px 12px}}
@media(max-width:850px){.process-step{grid-template-columns:42px minmax(0,1fr);gap:16px}.process-label{display:none}.application-routes{gap:14px}}
@media(max-width:700px){.process{padding-top:8px}.process-step{padding:24px 0;gap:12px;grid-template-columns:32px minmax(0,1fr)}.process-number{font-size:21px}.process-step h3{font-size:18px}.application-routes{grid-template-columns:1fr;gap:10px}.application-routes>div{padding:15px}.process-milestones{gap:6px}}