@font-face{font-family:SiteFont;src:url('/assets/font/font1.ttf') format('truetype');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:SiteFont,Arial,sans-serif;background:#0a0a0a;color:#fff}.login-background,.background-overlay{position:fixed;inset:0;width:100%;height:100%}.login-background{object-fit:cover}.background-overlay{background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.34) 48%,rgba(0,0,0,.58));backdrop-filter:saturate(75%)}a{color:inherit;text-decoration:none}.login-layout{position:relative;z-index:1;min-height:100%;width:min(1240px,calc(100% - 80px));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:80px;align-items:center;padding:48px 0}.brand-intro{height:min(720px,calc(100vh - 96px));display:flex;flex-direction:column;justify-content:space-between}.brand-logo img{width:128px}.brand-message span,.card-head .eyebrow{font-size:11px;letter-spacing:.18em}.brand-message span{opacity:.58}.brand-message h1{font-size:clamp(46px,5vw,76px);line-height:1.05;letter-spacing:-.05em;font-weight:500;margin:18px 0 26px}.brand-message p{font-size:16px;line-height:1.75;opacity:.68}.brand-meta{display:flex;gap:36px;font-size:11px;letter-spacing:.06em;opacity:.45}.login-card{background:rgba(250,250,250,.94);color:#080808;border-radius:12px;padding:38px 38px 26px;box-shadow:0 36px 90px rgba(0,0,0,.25);backdrop-filter:blur(26px) saturate(150%);overflow:hidden}.mobile-logo{display:none}.card-head .eyebrow{opacity:.44}.card-head h2{font-size:30px;letter-spacing:-.035em;margin:10px 0 8px;font-weight:500}.card-head p{font-size:14px;color:#777;margin:0}.login-tabs{display:grid;grid-template-columns:1fr 1fr;margin:30px 0 24px;border-bottom:1px solid #ddd}.login-tabs button{position:relative;border:0;background:none;padding:0 0 14px;font:inherit;color:#999;cursor:pointer}.login-tabs button:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#000;transform:scaleX(0);transition:.3s}.login-tabs button.active{color:#000}.login-tabs button.active:after{transform:scaleX(1)}.field{display:block;margin-bottom:18px}.field>span{display:block;font-size:12px;margin-bottom:8px;color:#555}.field input{width:100%;height:50px;border:1px solid #d8d8d8;border-radius:6px;background:#fff;padding:0 15px;font:inherit;font-size:14px;outline:none;transition:.2s}.field input:focus{border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,.06)}.field.invalid input{border-color:#c53a31}.field-error{display:none;font-size:11px;color:#c53a31;font-style:normal;margin-top:6px}.field.invalid .field-error{display:block}.input-wrap{position:relative}.input-wrap input{padding-right:105px}.input-wrap button{position:absolute;right:14px;top:50%;transform:translateY(-50%);border:0;background:none;font:inherit;font-size:12px;cursor:pointer;color:#555}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:2px 0 24px}.form-options label{display:flex;align-items:center;gap:7px}.form-options input{accent-color:#000}.form-options a,.register-link a{font-weight:500}.primary-button{width:100%;height:52px;border:0;border-radius:6px;background:#000;color:#fff;font:inherit;font-weight:500;cursor:pointer;overflow:hidden;transition:.25s}.primary-button:hover{background:#252525;transform:translateY(-1px)}.register-link{text-align:center;font-size:13px;color:#777;margin:20px 0 26px}.register-link a{color:#000}.card-footer{border-top:1px solid #ddd;padding-top:20px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.card-footer p{font-size:10px;line-height:1.5;color:#8a8a8a;margin:0}.card-footer>a{font-size:11px;white-space:nowrap}.card-footer p a{text-decoration:underline}.login-card,.brand-message{will-change:transform,opacity}
@media(max-width:888px){.login-layout{width:100%;display:flex;justify-content:center;padding:24px}.brand-intro{display:none}.login-card{width:min(420px,100%)}.mobile-logo{display:block;margin-bottom:34px}.mobile-logo img{width:86px}}
@media(max-width:480px){body{background:#f5f5f5}.login-background,.background-overlay{display:none}.login-layout{padding:0;align-items:stretch}.login-card{width:100%;min-height:100vh;border-radius:0;padding:30px 24px;box-shadow:none;background:#f8f8f8}.card-head h2{font-size:28px}.card-footer{margin-top:36px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.field[hidden]{display:none}body{overflow-x:hidden}
.background-overlay{display:none!important}.login-background-picture{position:fixed;inset:0;width:100%;height:100%;z-index:0}.login-background{z-index:0}.login-layout{z-index:2}.login-header{z-index:4}.login-footer{z-index:3}
.login-background-picture,.login-background{pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.brand-intro{color:#000}.brand-intro img{user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.login-layout{padding-bottom:76px}.brand-intro{height:542px}.login-footer{position:fixed;z-index:3;left:0;right:0;bottom:0;height:46px;border-top:1px solid rgba(0,0,0,.14);background:rgba(255,255,255,.34);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#000}.login-footer-inner{width:min(1180px,calc(100% - 96px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;font-size:10px}.login-footer nav{display:flex;gap:26px}.login-footer a{opacity:.68;transition:opacity .2s}.login-footer a:hover{opacity:1}.login-footer-inner>span{opacity:.56}
@media(max-width:888px){.login-footer-inner{width:calc(100% - 40px)}.login-layout{padding-bottom:66px}}
@media(max-width:600px){.login-footer{height:auto;min-height:52px}.login-footer-inner{padding:9px 0;display:block;line-height:1.8}.login-footer nav{gap:18px}.login-footer-inner>span{display:block}.login-layout{padding-bottom:72px}}
.login-header{position:fixed;z-index:4;top:0;left:0;right:0;height:72px;background:transparent}.login-header>div{width:min(1180px,calc(100% - 96px));height:100%;margin:auto;display:flex;align-items:center;justify-content:flex-end}.login-header img{display:block;width:86px;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.brand-intro{justify-content:center}.brand-message{transform:translateY(-2px)}
@media(max-width:888px){.login-header>div{width:calc(100% - 40px)}.login-header{height:62px}.login-header img{width:76px}}
@media(max-width:480px){.login-header{height:58px}.login-header>div{width:calc(100% - 32px)}}
.login-stage{position:relative;width:376px;min-height:542px;display:flex;align-items:center;justify-content:center}.login-stage .login-card{width:100%;visibility:hidden;opacity:0}.login-loader{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}.login-loader span{width:30px;height:30px;border:2px solid rgba(0,0,0,.16);border-top-color:#000;border-radius:50%;animation:loginSpin .55s linear infinite;will-change:transform}@keyframes loginSpin{to{transform:rotate(360deg)}}
@media(max-width:888px){.login-stage{width:min(376px,100%);min-height:542px}}
@media(max-width:480px){.login-stage{width:100%;min-height:100vh;align-items:stretch}.login-stage .login-card{width:100%}}
html,body{background:#fff}.login-header>div{justify-content:flex-start}.form-options label{cursor:pointer;user-select:none}.form-options input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin:0;border:1px solid #999;border-radius:2px;background:#fff;display:grid;place-items:center;cursor:pointer;transition:background-color .18s,border-color .18s,transform .18s}.form-options input[type="checkbox"]:before{content:"";width:7px;height:4px;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:translateY(-1px) rotate(-45deg) scale(0);transition:transform .16s ease-out}.form-options input[type="checkbox"]:checked{background:#000;border-color:#000}.form-options input[type="checkbox"]:checked:before{transform:translateY(-1px) rotate(-45deg) scale(1)}.form-options input[type="checkbox"]:focus-visible{outline:2px solid rgba(0,0,0,.25);outline-offset:2px}.form-options input[type="checkbox"]:active{transform:scale(.9)}
/* Align the sign-in experience with the restrained editorial system used by index.html. */
.login-layout{width:min(1180px,calc(100% - 96px));grid-template-columns:minmax(0,1fr) 376px;gap:72px;padding:56px 0}
.brand-intro{height:min(640px,calc(100vh - 112px))}
.brand-logo img{width:104px}
.brand-message{max-width:620px}
.brand-message h1{font-size:clamp(38px,4.2vw,58px);line-height:1.08;letter-spacing:-.045em;margin:14px 0 20px}
.brand-message p{font-size:14px;line-height:1.7}
.brand-meta{font-size:10px}
.login-card{border-radius:4px;padding:30px 30px 22px;box-shadow:0 24px 60px rgba(0,0,0,.2)}
.card-head h2{font-size:25px;margin:8px 0 6px}
.card-head p{font-size:12px}
.login-tabs{margin:25px 0 20px}
.login-tabs button{font-size:13px;padding-bottom:11px}
.field{margin-bottom:14px}
.field>span{font-size:11px;margin-bottom:6px}
.field input{height:44px;border-radius:4px;padding:0 13px;font-size:13px}
.input-wrap input{padding-right:96px}
.form-options{font-size:11px;margin:0 0 20px}
.primary-button{height:46px;border-radius:4px;font-size:13px}
.register-link{font-size:12px;margin:16px 0 21px}
.card-footer{padding-top:16px}.card-footer p{font-size:9px}.card-footer>a{font-size:10px}
@media(max-width:888px){.login-layout{width:100%;padding:20px}.login-card{width:min(376px,100%)}.mobile-logo{margin-bottom:28px}.mobile-logo img{width:78px}}
@media(max-width:480px){.login-layout{padding:0}.login-card{width:100%;padding:26px 22px}.card-head h2{font-size:24px}.card-footer{margin-top:28px}}