:root{--ink:#111214;--paper:#f5f5f2;--muted:#7b7d79;--line:#d9dad6;--yellow:#ffc23d}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Inter,sans-serif}.login-shell{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)}.login-visual{position:relative;min-height:100svh;overflow:hidden;color:#fff}.login-visual video,.video-shade{position:absolute;inset:0;width:100%;height:100%}.login-visual video{object-fit:cover;object-position:center}.video-shade{background:linear-gradient(180deg,rgba(5,6,6,.32),rgba(5,6,6,.08) 38%,rgba(5,6,6,.68))}.login-brand{position:absolute;z-index:2;left:5.5vw;top:48px;display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:11px;font-weight:600;letter-spacing:.17em}.login-brand svg{width:30px;height:38px;fill:none;stroke:currentColor;stroke-width:1.4}.login-brand small{display:block;margin-top:5px;font-size:6px;font-weight:400;letter-spacing:.22em;opacity:.7}.login-visual blockquote{position:absolute;z-index:2;left:5.5vw;right:5vw;top:50%;max-width:720px;margin:0;transform:translateY(-50%);font-size:clamp(36px,4vw,68px);font-weight:400;line-height:1.08;letter-spacing:-.05em}.visual-foot{position:absolute;z-index:2;left:5.5vw;bottom:50px;display:grid;gap:7px}.visual-foot strong{font-size:15px;font-weight:500}.visual-foot span{color:rgba(255,255,255,.7);font-size:10px}.login-form-panel{position:relative;min-height:100svh;display:grid;place-items:center;padding:45px clamp(42px,7vw,120px);background:var(--paper)}.login-form-wrap{width:min(100%,470px)}.eyebrow{margin:0 0 15px;color:#8b8d89;font-size:9px;font-weight:500;letter-spacing:.22em}.login-form-wrap h1{margin:0;font-size:clamp(42px,4vw,62px);font-weight:500;line-height:.95;letter-spacing:-.055em}.login-intro{max-width:420px;margin:18px 0 27px;color:#777a76;font-size:13px;font-weight:300;line-height:1.55}.demo-access>p{margin:0 0 10px;color:#777a76;font-size:8px;font-weight:500;letter-spacing:.16em}.demo-access-grid{display:grid;gap:7px}.demo-access-grid button{width:100%;height:54px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:0 17px;border:1px solid #dedfdb;border-radius:15px;background:#fff;color:var(--ink);font-family:Inter,sans-serif;text-align:left;cursor:pointer;transition:background-color .25s,border-color .25s,transform .25s}.demo-access-grid button:hover{border-color:var(--yellow);background:var(--yellow);transform:translateX(3px)}.demo-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#111214;color:#fff;font-size:8px;font-weight:600;letter-spacing:.05em}.demo-access-grid button>span:nth-child(2){display:grid;gap:2px}.demo-access-grid strong{font-size:11px;font-weight:600}.demo-access-grid small{color:#888b86;font-size:8px}.demo-access-grid button:hover small{color:rgba(17,18,20,.65)}.demo-access-grid i{font-style:normal;font-size:17px;transition:transform .25s}.demo-access-grid button:hover i{transform:translateX(4px)}.login-separator{display:flex;align-items:center;gap:12px;margin:20px 0 0;color:#9a9c97;font-size:7px;letter-spacing:.13em}.login-separator:before,.login-separator:after{content:"";flex:1;height:1px;background:#dedfdb}.login-form-wrap form>label{display:block;margin-top:15px;color:#595c58;font-size:9px}.login-form-wrap input{width:100%;height:40px;padding:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);font:400 14px Inter;outline:0;transition:border-color .25s}.login-form-wrap input:focus{border-color:var(--ink)}.password-field{position:relative}.password-field input{padding-right:52px}.password-field button{position:absolute;right:0;top:0;height:40px;padding:0;border:0;background:transparent;color:#777a76;font:500 8px Inter;letter-spacing:.12em;cursor:pointer}.login-options{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:15px 0 0}.remember{display:flex!important;align-items:center;gap:8px!important;margin:0!important;color:#666!important;font-size:9px!important}.remember input{appearance:none;width:16px;height:16px;border:1px solid #bfc1bc;border-radius:50%;cursor:pointer}.remember input:checked{border-color:var(--ink);background:var(--ink);box-shadow:inset 0 0 0 4px var(--paper)}.login-options a,.login-help a{color:#333;text-underline-offset:3px;font-size:9px}.login-error{min-height:15px;margin:10px 0 2px;color:#a34132;font-size:9px}.login-submit{position:relative;isolation:isolate;width:100%;height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;border:0;border-radius:30px;overflow:hidden;background:var(--ink);color:#fff;font:600 9px Inter;letter-spacing:.13em;cursor:pointer}.login-submit:before{content:"";position:absolute;z-index:-1;inset:0;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.login-submit i{font-style:normal;font-size:19px;transition:transform .35s}.login-submit:hover{color:#111}.login-submit:hover:before{transform:scaleX(1)}.login-submit:hover i{transform:translateX(5px)}.login-help{margin:18px 0 0;color:#92948f;font-size:9px;text-align:center}.back-home{position:absolute;right:42px;bottom:24px;color:#777a76;font-size:8px;font-weight:500;letter-spacing:.12em;text-decoration:none}.back-home:hover{color:#111}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-visual{min-height:42svh}.login-visual blockquote{top:auto;bottom:48px;transform:none;font-size:42px}.visual-foot{display:none}.login-form-panel{min-height:58svh;padding:70px 28px 90px}.login-brand{left:28px;top:28px}}@media(max-width:560px){.login-visual{min-height:36svh}.login-visual blockquote{left:22px;right:22px;bottom:30px;font-size:32px}.login-brand{left:22px;top:22px}.login-form-panel{min-height:64svh;padding:54px 22px 80px}.login-form-wrap h1{font-size:43px}.login-intro{margin-bottom:25px}.login-options{align-items:flex-start;flex-direction:column}.back-home{left:22px;right:auto}}
.demo-access,.login-separator{display:none}html.is-development .demo-access{display:block}html.is-development .login-separator{display:flex}
@media(max-width:900px){.login-visual{height:50svh;min-height:50svh}.login-form-panel{min-height:50svh}}
.login-brand img{display:block;width:156px;height:auto}