body,html{height:100%}body{background-color:var(--surface-0);padding:0;text-align:left}.login-shell{display:flex;min-height:100vh}.login-visual{background:#16202b;color:#fff;display:flex;flex:1.05;flex-direction:column;justify-content:space-between;overflow:hidden;padding:44px;position:relative}.login-visual canvas{height:100%;inset:0;position:absolute;width:100%}.login-brand{align-items:center;display:flex;gap:10px;position:relative;z-index:2}.login-brand img{border:none;border-radius:9px;height:36px;min-height:0;-o-object-fit:cover;object-fit:cover;width:36px}.login-brand .login-word{font-size:16px;font-weight:700;letter-spacing:-.01em}.login-copy{max-width:400px;position:relative;z-index:2}.login-copy h2{text-wrap:balance;font-size:28px;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0 0 12px}.login-copy p{color:hsla(0,0%,100%,.7);font-size:14px;line-height:1.6;margin:0}.login-footer{color:hsla(0,0%,100%,.5);font-size:12px;position:relative;z-index:2}.login-form-side{align-items:center;background:var(--surface-0);display:flex;flex:1;justify-content:center;padding:40px}.login-card{max-width:340px;width:100%}.login-card h1{color:var(--ink-900);font-size:22px;font-weight:700;letter-spacing:-.01em;margin:0 0 6px}.login-card .sub{color:var(--ink-500);font-size:13px;margin:0 0 26px}.login-card .field{margin-bottom:16px}.login-card .field label{color:var(--ink-700);display:block;font-size:12px;font-weight:700;margin-bottom:6px}.login-card .field-row{font-size:13px;margin:4px 0 20px}.login-card .remember{align-items:center;color:var(--ink-700);display:flex;font-weight:400;gap:6px}.login-card .btn-block{padding:11px 16px;width:100%}@media (max-width:860px){.login-visual{display:none}}