.login-body{min-height:100vh}.login{display:flex;min-height:100vh;background:var(--app)}.login__brand{position:relative;flex:0 0 45%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px;text-align:center;color:#fff;background:linear-gradient(145deg,#0b2740,#071f35,#0b2740)}.login__brand:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;background-image:radial-gradient(circle at 25% 25%,#fff 1px,transparent 1px),radial-gradient(circle at 75% 75%,#fff 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.login__logo{position:relative;display:flex;align-items:center;gap:12px;direction:ltr}.login__wordmark{font-size:34px;font-weight:700;letter-spacing:.01em}.login__product{position:relative;margin:18px 0 0;font-size:20px;font-weight:600}.login__tagline{position:relative;margin:0;max-width:240px;font-size:14px;line-height:1.6;color:#8b95a5}.login__main{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:32px 24px}.login__card{width:100%;max-width:400px}.login__demo{position:absolute;top:16px;inset-inline-end:16px;padding:6px 14px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--text-2);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.login__demo:hover{border-color:var(--accent);color:var(--text)}.login__title{margin:0;font-size:22px;font-weight:600;color:var(--text-strong);text-align:center}.login__subtitle{margin:6px 0 28px;font-size:13px;color:var(--muted);text-align:center}.login__field{display:block;margin-bottom:16px}.login__label{display:block;margin-bottom:6px;font-size:12px;font-weight:600;color:var(--text-2)}.login__input{width:100%;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:6px;background:var(--input);color:var(--text);font:inherit;font-size:16px}.login__input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.login__input[dir=ltr]{text-align:right}.login__hint{margin:6px 0 0;font-size:12px;color:var(--muted)}.login__error{margin:0 0 14px;padding:10px 12px;border-radius:6px;background:#c828281a;color:#b3261e;font-size:13px}.login__submit{width:100%;height:44px;border:0;border-radius:6px;background:var(--accent);color:var(--on-accent);font:inherit;font-size:16px;font-weight:700;cursor:pointer}.login__submit:disabled{opacity:.4;cursor:default}.login__link{display:block;margin:16px auto 0;padding:4px 8px;border:0;background:transparent;color:var(--text-2);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}@media(max-width:760px){.login{flex-direction:column}.login__brand{flex:none;padding:28px 20px}.login__tagline{display:none}.login__main{align-items:flex-start;padding-top:56px}}