.login-page{--login-navy: #071824;--login-ink: #152b3c;--login-muted: #526677;--login-cyan: #70ddf1;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);background:var(--login-navy)}.login-page .login-story{display:grid;grid-template-rows:1fr auto;min-width:0;padding:40px clamp(28px,4vw,76px) 28px;border:0;color:#eef8ff;background:radial-gradient(ellipse at 50% 25%,#12425b80,transparent 60%),var(--login-navy);overflow:visible}.login-story-body{align-self:center;display:grid;justify-items:center;gap:28px;min-width:0}.login-visual{display:grid;justify-items:center;gap:24px;width:100%;min-width:0;pointer-events:none;-webkit-user-select:none;user-select:none}.login-page .login-story .brand{width:200px;aspect-ratio:420 / 374;margin:0;padding:0;flex:none;justify-self:center}.login-page .login-story .omnix-logo{width:100%;height:100%;object-fit:contain;border:1px solid #244456;border-radius:var(--radius);box-shadow:0 18px 50px #0005}.login-page .login-art{display:grid;place-items:center;position:relative;width:min(100%,600px);height:auto;aspect-ratio:756 / 310;margin:0;border:0}.login-page .login-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#70ddf10a 1px,transparent 1px),linear-gradient(90deg,#70ddf10a 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse,#000 35%,transparent 72%);mask-image:radial-gradient(ellipse,#000 35%,transparent 72%)}.login-page .login-art>img{position:relative;display:block;width:100%;height:100%;object-fit:contain;opacity:.72;filter:saturate(.7)}.login-page :is(.login-art,.login-art>img,.login-visual,.login-story .brand){animation:none;transition:none;transform:none}.login-page .login-copy{width:100%;margin:0;text-align:center}.login-page .login-copy .eyebrow{color:var(--login-cyan);font-size:11px;font-weight:700;letter-spacing:1.3px;line-height:1.8}.login-page .login-copy h1{margin:14px 0;font-size:clamp(28px,2.4vw,38px);font-weight:650;line-height:1.4;letter-spacing:-.8px}.login-page .login-copy p{max-width:none;margin:0;color:#b5cbda;font-size:14px;line-height:1.9;text-wrap:balance}.login-scopes{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;margin-top:22px;color:#b5cbda;font-size:12px;line-height:1.8}.login-scopes span{display:inline-flex;align-items:center;gap:7px}.login-scopes span:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--login-cyan)}.login-page .login-story>small{display:block;margin:0;padding-top:32px;color:#a7bfce;font-size:11px;line-height:1.8;letter-spacing:1.5px;text-align:center}.login-page .login-form-side{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:56px clamp(28px,5vw,88px);background:#f7f9fc;border-left:1px solid #193345;color:var(--login-ink)}.login-page .login-form{width:100%;max-width:400px}.login-form-heading{display:grid;justify-items:start;margin-bottom:34px}.login-page .login-lock{display:grid;place-items:center;width:48px;height:48px;margin:0 0 24px;border:1px solid #cce0e6;border-radius:var(--radius);color:#17617a;background:#eaf3f6}.login-form-eyebrow{color:#17617a;font-size:10px;font-weight:750;letter-spacing:1.6px;margin-bottom:10px}.login-page .login-form h2{color:var(--login-ink);font-size:30px;font-weight:650;line-height:1.4;letter-spacing:-.8px}.login-form-heading p{margin-top:10px;color:var(--login-muted);font-size:14px;line-height:1.8}.login-page .login-form label{display:flex;flex-direction:column;gap:9px;margin-bottom:22px;color:#334d61;font-size:13px;font-weight:600}.login-page .login-form input{width:100%;min-width:0;min-height:52px;padding:14px 16px;border:1px solid #aebfce;border-radius:var(--radius-sm);background:#fff;color:var(--login-ink);font-size:14px;font-weight:400;transition:border-color .15s,box-shadow .15s}.login-page .login-form input::placeholder{color:#607488;opacity:1}.login-page .login-form input:focus{outline:2px solid #267b96;outline-offset:2px;border-color:#267b96;box-shadow:0 0 0 4px #267b9610}.login-page .password-field{position:relative}.login-page .password-field input{padding-right:94px}.login-page .password-field button{position:absolute;inset:4px 4px 4px auto;display:flex;align-items:center;justify-content:center;gap:5px;min-width:78px;padding:8px;border-radius:calc(var(--radius-sm) - 4px);background:transparent;color:#17617a;font-size:12px}.login-page .password-field button:hover{background:#eaf3f6}.login-page .login-submit{display:flex;align-items:center;width:100%;min-height:52px;padding:14px 18px!important;margin:6px 0 0;border:1px solid #184254;border-radius:var(--radius-sm);background:#12374a;color:#fff;box-shadow:0 5px 14px #12374a1a;font-size:14px!important;font-weight:650}.login-page .login-submit:hover:not(:disabled){background:#1a4c61;border-color:#1a4c61;color:#fff}.login-page .login-help{margin-top:26px;padding-top:22px;border-top:1px solid #d6e0e8;color:var(--login-muted);font-size:12px;font-weight:400;line-height:1.9}.login-page .login-security{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:34px;color:var(--login-muted);font-size:12px;line-height:1.8}@media(max-width:1000px)and (min-width:761px){.login-page .login-story{padding-inline:24px}.login-page .login-story .brand{width:172px}.login-page .login-copy h1{font-size:27px}.login-scopes{gap:6px 12px}.login-page .login-form-side{padding-inline:28px}.login-page .login-form h2{font-size:26px}}@media(max-width:760px){.login-page{grid-template-columns:minmax(0,1fr)}.login-page .login-story{padding:28px 24px;border:0}.login-story-body{gap:20px}.login-visual{gap:14px}.login-page .login-story .brand{width:112px}.login-page .login-art{display:grid;width:min(100%,360px)}.login-page .login-copy h1{margin:0;font-size:24px;line-height:1.45}.login-page .login-copy :is(.eyebrow,p),.login-page .login-scopes,.login-page .login-story>small{display:none}.login-page .login-form-side{padding:36px 24px 28px;border:0}.login-form-heading{margin-bottom:26px}.login-page .login-lock{display:none}.login-page .login-form h2{font-size:26px}.login-page .login-security{margin-top:24px}}