@font-face{font-family:InterTight;src:url('/public/InterTight.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--ink:#171719;--white:#edf7ef;--muted:#b8b7bf;--lavender:#d9b8f7;--purple:#612cb5;--pad:clamp(25px,4.4vw,76px)}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:var(--ink);color:var(--white);font-family:InterTight,Arial,sans-serif;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--lavender);outline-offset:5px}button:disabled{cursor:wait}button,input{-webkit-tap-highlight-color:transparent}::selection{background:#612cb5;color:#fff}
.cover-art{position:fixed;inset:0;overflow:hidden;z-index:-2;background:#171719}.cover-art img{height:100%;width:100%;object-fit:cover;object-position:64% center}.cover-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#151517fa 0%,#151517f4 20%,#151517c9 36%,#15151718 57%,#15151708 100%),linear-gradient(0deg,#151517ea 0%,transparent 25%)}
.portal-header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);flex-shrink:0}.mosten-logo{display:block;width:158px;height:38px;position:relative;overflow:hidden}.mosten-logo img{position:absolute;width:194px;max-width:none;height:auto;left:-18px;top:-40px}.invitation{display:flex;align-items:center;gap:15px;color:#dddae1;font-size:13px}.invitation i{height:4px;width:4px;background:var(--lavender);border-radius:50%}
.portal-main{display:grid;grid-template-columns:minmax(360px,440px) 1fr;gap:8vw;align-items:center;flex:1;padding:20px var(--pad) 30px;max-width:1800px;width:100%;margin-inline:auto}.welcome{min-width:0}.product-label{display:flex;align-items:baseline;gap:10px;font-size:22px;font-weight:700;letter-spacing:-.8px;margin:0 0 24px}.product-label span{font-size:11px;font-weight:500;letter-spacing:2.2px;text-transform:uppercase;color:var(--lavender)}h1{font-size:clamp(48px,4.6vw,72px);line-height:.99;letter-spacing:-.055em;font-weight:600;margin:0}.title-line{display:block;overflow:hidden;padding-block:3px}.title-line>span{display:block}.recipient{color:var(--lavender)}.intro{font-size:18px;color:#cac9d0;line-height:1.55;margin:24px 0 29px;max-width:400px}
form{width:100%;max-width:375px}label{display:block;font-size:13px;font-weight:500;margin-bottom:9px;color:#eeebf0}input{width:100%;height:47px;border:1px solid #80758f80;border-radius:5px;background:#1b191fee;padding:0 15px;color:#fff;font-size:16px;transition:border-color .18s ease,background-color .18s ease}input:focus{border-color:var(--lavender);background:#211b29}input::placeholder{color:#9b95a3;font-size:14px}#email{margin-bottom:18px}.password-field{display:flex;position:relative}.password-field input{padding-right:82px}.password-field button{position:absolute;right:5px;top:4px;bottom:4px;border:0;background:transparent;color:var(--lavender);font-size:12px;padding:8px 10px;border-radius:3px}#login-status{font-size:13px;line-height:1.4;color:#f1b5bd;min-height:19px;margin:9px 0}.enter-button{display:flex;align-items:center;justify-content:space-between;width:100%;height:54px;border:1px solid var(--lavender);border-radius:5px;background:var(--lavender);color:#241532;font-size:15px;font-weight:650;padding:0 21px;transition:transform .18s ease,background-color .18s ease}.enter-button>span:last-child{font-size:26px;font-weight:400}.enter-button:active{transform:scale(.985)}.access-note{color:#a19ca8;font-size:12px;margin:17px 0 0;line-height:1.5}
.unified{align-self:end;padding-bottom:13px;max-width:700px;justify-self:end}.unified p{font-size:clamp(21px,2vw,31px);font-weight:400;line-height:1.2;letter-spacing:-.8px;margin:0 0 23px;text-shadow:0 2px 20px #111}.unified p strong{font-weight:550}.disciplines{display:flex;gap:22px;align-items:center;flex-wrap:wrap;font-size:13px;color:#ded7e8}.disciplines span{border-top:1px solid #c89ff579;padding-top:12px}.portal-footer{display:flex;justify-content:space-between;gap:20px;padding:16px var(--pad) 23px;font-size:11px;color:#aaa3b2;letter-spacing:.02em}
@media(hover:hover) and (pointer:fine){.enter-button:hover{background:#e6cdfb;transform:translateY(-2px)}.password-field button:hover{background:#ffffff0c}}
@media(min-width:901px) and (max-height:760px){.portal-header{height:76px}.portal-main{padding-top:5px;padding-bottom:10px}h1{font-size:58px}.product-label{margin-bottom:15px}.intro{font-size:16px;margin:17px 0 19px}.access-note{margin-top:11px}#email{margin-bottom:13px}.portal-footer{padding-block:12px}.unified{padding-bottom:6px}}
@media(max-width:1000px){.portal-main{grid-template-columns:minmax(320px,380px) 1fr;gap:45px}.disciplines{gap:15px;font-size:11px}.unified p{font-size:24px}.cover-art img{object-position:64% center}.cover-art:after{background:linear-gradient(90deg,#151517fa 0%,#151517e8 38%,#15151728 72%),linear-gradient(0deg,#151517df,transparent 45%)}}
@media(max-width:760px){body{min-height:100svh}.portal-header{height:79px;align-items:center}.mosten-logo{transform:scale(.84);transform-origin:left center}.invitation{font-size:10px;display:block;text-align:right;line-height:1.6;max-width:115px}.invitation i{display:none}.cover-art{position:absolute;inset:64px 0 auto;height:330px;z-index:-1}.cover-art img{object-position:72% center;object-fit:cover;width:100%;height:100%}.cover-art:after{background:linear-gradient(180deg,#17171900 40%,#171719 100%)}.portal-main{display:flex;flex-direction:column;align-items:stretch;gap:33px;padding:250px var(--pad) 21px;max-width:490px}.product-label{font-size:20px;margin-bottom:18px}h1{font-size:49px}.title-line{display:inline-block;margin-right:9px}.intro{font-size:16px;line-height:1.5;margin:20px 0 25px}.intro br{display:none}form{max-width:none}input{height:49px}.enter-button{height:54px}.access-note{font-size:11px}.unified{align-self:stretch;justify-self:stretch;padding:28px 0 0;border-top:1px solid #61536c70}.unified p{font-size:23px;margin-bottom:19px}.disciplines{font-size:11px;gap:18px;display:grid;grid-template-columns:1fr 1fr}.disciplines span{padding-top:11px}.portal-footer{font-size:10px;flex-wrap:wrap;padding-bottom:23px;gap:8px}.portal-footer>span:last-child{margin-left:auto}}
@media(max-width:375px){h1{font-size:44px}.portal-main{padding-top:230px}.cover-art{height:305px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}