*{box-sizing:border-box} :root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;color:#f5f5f7;background:#070708}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 50% 15%,#1b1d24 0,transparent 52%),#070708;display:flex;flex-direction:column}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #80b9ff;outline-offset:5px}.nav{max-width:1440px;width:100%;margin:auto;padding:24px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff0d}.brand{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.17em;font-weight:600}.mark{font-size:28px;letter-spacing:-.07em;line-height:1}.nav-note,.private,.logout{font-size:12px;color:#a1a1a9}.private{border:1px solid #ffffff1a;border-radius:30px;padding:8px 12px}.logout{border:0;background:transparent;min-height:44px;padding:8px}.logout:hover{color:white}.nav form{margin:0}.login,.portal{width:min(1200px,88%);margin:0 auto;flex:1}.login{display:grid;grid-template-columns:1.4fr 1fr;gap:8%;align-items:center;padding:100px 0 120px}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:600;color:#a3a4af;margin:0 0 28px}h1{font-size:clamp(38px,4.5vw,68px);font-weight:600;line-height:1.08;letter-spacing:-.055em;margin:0}h1 span{color:#8f919b}.lead{font-size:18px;line-height:1.6;color:#a1a1aa;margin:28px 0 0;letter-spacing:-.02em}.glass{background:linear-gradient(145deg,#ffffff0d,#ffffff04);border:1px solid #ffffff15;border-radius:30px;padding:38px;box-shadow:0 30px 100px #0004;backdrop-filter:blur(24px);animation:arrive .7s ease both}.lock{font-size:34px;color:#d7d8e0;margin-bottom:24px}.glass h2{font-size:24px;letter-spacing:-.035em;margin:0 0 8px;font-weight:600}.form-lead{font-size:14px;color:#96969f;line-height:1.5;margin:0 0 28px}label{display:block;font-size:12px;color:#c3c3cb;margin:18px 0 8px}input:not([type=hidden]){display:block;width:100%;min-width:0;min-height:52px;border:1px solid #ffffff20;background:#09090b70;border-radius:12px;padding:14px;color:#f5f5f7;font-size:16px}input::placeholder{color:#6f707c}.primary{margin-top:26px;width:100%;min-height:52px;border:0;border-radius:12px;background:#f5f5f7;color:#141417;font-weight:600;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;transition:background .2s,transform .2s}.primary:hover{background:white;transform:translateY(-1px)}.secure{font-size:11px;color:#888994;text-align:center;margin:22px 0 0}.notice,.error{font-size:14px;line-height:1.6}.notice{color:#bebfca}.error{color:#ffacac}.portal{padding:82px 0 76px}.portal .intro{text-align:center}.portal h1{font-size:clamp(48px,6vw,84px)}.portal .lead{margin-top:22px}.resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:64px}.resource{position:relative;overflow:hidden;border:1px solid #ffffff16;border-radius:28px;background:linear-gradient(150deg,#ffffff0c,#ffffff03);backdrop-filter:blur(20px);padding:26px;transition:transform .3s,border-color .3s,background .3s;animation:arrive .7s ease both}.resource:nth-child(2){animation-delay:.08s}.resource:nth-child(3){animation-delay:.16s}.resource:hover{transform:translateY(-6px);border-color:#ffffff40;background-color:#ffffff05}.card-top{display:flex;align-items:center;justify-content:space-between}.resource-name{font-size:13px;letter-spacing:.16em;font-weight:600}.arrow{color:#a0a1ae;font-size:22px}.art{height:160px;display:grid;place-items:center}.art span{display:grid;place-items:center;width:94px;height:94px;border-radius:26px;font-size:60px;font-weight:300;border:1px solid #ffffff26;box-shadow:0 12px 50px #0004,inset 0 1px #ffffff25;transform:rotate(-9deg)}.fit .art span{color:#bcceff;background:linear-gradient(145deg,#3e4c70,#161b2a)}.foto .art span{color:#e0c9ef;background:linear-gradient(145deg,#5d465e,#211a2a);transform:rotate(7deg)}.ha .art span{color:#b4ded5;background:linear-gradient(145deg,#335b56,#142422);transform:rotate(-5deg)}.card-copy h2{font-size:21px;line-height:1.25;letter-spacing:-.035em;font-weight:500;margin:0 0 12px;max-width:220px}.card-copy p{color:#a2a3ad;font-size:13px;line-height:1.6;min-height:42px;margin:0 0 24px}.domain{font-size:11px;color:#8a8c98}.hint{font-size:12px;line-height:1.7;color:#8d8e99;text-align:center;margin:30px 0 0}footer{width:88%;max-width:1200px;margin:0 auto;padding:24px 0;border-top:1px solid #ffffff10;display:flex;justify-content:space-between;color:#747680;font-size:10px;letter-spacing:.06em}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.login{padding-top:150px;padding-bottom:150px}}@media(max-width:850px){.login{gap:5%}.glass{padding:28px}.nav-note{display:none}.resources{gap:14px}.resource{padding:22px}.card-copy h2{font-size:19px}}@media(max-width:680px){.nav{padding:18px 6%}.login{display:flex;flex-direction:column;gap:40px;padding:56px 0 64px}.login .intro{text-align:center}h1{font-size:clamp(34px,8.5vw,52px)}.eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:22px}.lead{font-size:16px;margin-top:20px}.glass{width:100%;max-width:420px;padding:28px;border-radius:24px}.lock{margin-bottom:16px}.portal{padding:54px 0}.portal h1{font-size:52px}.resources{grid-template-columns:1fr;margin-top:40px;gap:16px}.resource{padding:26px;display:grid;grid-template-columns:1fr 92px;gap:26px 16px}.card-top{grid-column:1/-1}.art{grid-column:2;grid-row:2;height:110px;align-self:center}.art span{width:76px;height:76px;font-size:48px;border-radius:22px}.card-copy{grid-column:1;grid-row:2}.card-copy h2{font-size:22px}.card-copy p{min-height:0;margin-bottom:18px}footer{font-size:9px}.hint{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Crest login */
.login{min-height:100svh;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:8%;padding:64px 0}
.crest{display:flex;align-items:center;justify-content:center;min-width:0}
.crest img{display:block;width:100%;max-width:560px;height:auto;border-radius:0;mix-blend-mode:normal;filter:drop-shadow(0 0 12px #dce6ff18) drop-shadow(0 0 32px #c5d7ff12)}
.login .glass{width:100%;max-width:420px;justify-self:end}
.login .glass h2{margin-bottom:28px}
.session-actions{width:min(1200px,88%);margin:20px auto 0;display:flex;justify-content:flex-end}
@media(max-width:680px){.login{min-height:100svh;display:flex;gap:28px;padding:28px 0 44px;justify-content:center}.crest{width:min(78vw,310px)}.crest img{border-radius:0}.login .glass{max-width:420px}.login .glass h2{margin-bottom:24px}}

/* Portal crest and FIT barbell */
.portal{padding:16px 0 64px}
.portal .portal-crest{width:min(320px,38vw);margin:0 auto}
.portal .resources{margin-top:32px}
.barbell{display:block;width:58px;height:58px}
@media(max-width:680px){.portal{padding:8px 0 40px}.portal .portal-crest{width:min(250px,64vw)}.portal .resources{margin-top:24px}.barbell{width:46px;height:46px}}

/* Four resources */
.resources{grid-template-columns:repeat(4,minmax(0,1fr))}
.nas .art span{color:#f0d4a3;background:linear-gradient(145deg,#66523b,#292016);transform:rotate(5deg)}
.resource:nth-child(4){animation-delay:.24s}
@media(min-width:681px) and (max-width:1100px){.resources{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.resources{grid-template-columns:1fr}}