.login-screen{min-height:100svh;display:grid;grid-template-columns:48.5% 51.5%;background:var(--card);color:var(--foreground)}.login-brand-panel{background:var(--background);display:flex;flex-direction:column;padding:48px 58px;min-width:0}.login-brand{display:flex;align-items:center;gap:12px;font-size:38px;font-weight:700;letter-spacing:-1.6px;line-height:1.2}.login-brand img{border-radius:10px}.login-brand-story{margin:auto 0;padding:105px 22px 75px}.login-brand-story h2{margin:0 0 20px;font-size:clamp(36px,3.55vw,56px);font-weight:650;line-height:1.2;letter-spacing:-2.1px}.login-brand-story p{margin:0;color:var(--muted-foreground);font-size:clamp(20px,1.85vw,28px);line-height:1.45;letter-spacing:-.7px}.login-asterisk{display:block;width:clamp(170px,16.3vw,250px);height:auto;color:var(--primary);margin:84px auto 0}.login-brand-footer{font-size:16px;color:var(--muted-foreground);margin:0}.login-form-panel{display:flex;align-items:center;justify-content:center;padding:72px 60px;min-width:0}.login-form-content{width:100%;max-width:512px}.login-heading{text-align:center;margin-bottom:54px}.login-heading h1{margin:0 0 10px;font-size:clamp(34px,3.3vw,50px);font-weight:650;line-height:1.18;letter-spacing:-1.9px}.login-heading p{margin:0;color:var(--muted-foreground);font-size:22px;line-height:1.5;letter-spacing:-.55px}.login-screen [data-slot=field-group]{gap:28px}.login-screen [data-slot=field]{gap:8px}.login-screen [data-slot=field-label]{font-size:17px;font-weight:500;line-height:1.5;color:var(--foreground)}.login-screen [data-slot=input-group],.login-screen [data-slot=input]{height:58px;border-radius:10px;box-shadow:none;background:var(--card)}.login-screen [data-slot=input-group-control],.login-screen [data-slot=input]{font-size:17px;padding-inline:20px}.login-screen [data-slot=input-group] [data-slot=input-group-control]{height:100%}.login-screen [data-slot=input-group-addon]{padding-inline-end:16px}.login-screen [data-slot=button].login-password-toggle{width:34px;height:34px}.login-screen [data-slot=input-group-button] svg{width:22px;height:22px}.login-screen [data-slot=field-description]{font-size:13px;line-height:1.6}.login-screen .login-mode-button,.login-screen .login-submit{width:100%;height:62px;border-radius:10px;padding-inline:24px;display:flex;justify-content:space-between;font-size:19px;font-weight:500}.login-mode-button svg,.login-submit svg{width:24px;height:24px}.login-secondary{border-top:1px solid var(--input);margin-top:36px;padding-top:34px}.login-screen .login-mode-button{box-shadow:none}.login-access-note{text-align:center;margin:36px 0 0;font-size:13px;color:var(--muted-foreground)}.login-screen .login-error{border-radius:10px;font-size:14px}@media (min-width:1600px){.login-brand-story{padding-inline:30px}.login-brand-panel{padding:54px 68px}}@media (max-width:1100px){.login-brand-panel{padding:40px 32px}.login-brand-story{padding-inline:0}.login-brand-story h2{font-size:38px;letter-spacing:-1.4px}.login-brand-story p{font-size:20px}.login-form-panel{padding:56px 36px}.login-heading h1{font-size:38px}.login-heading p{font-size:18px}}@media (max-width:760px){.login-screen{display:flex;flex-direction:column}.login-brand-panel{padding:28px 28px 24px}.login-brand{font-size:28px;gap:10px;letter-spacing:-1px}.login-brand img{width:32px;height:32px;border-radius:8px}.login-brand-story{padding:32px 0 0;margin:0}.login-brand-story h2{font-size:30px;letter-spacing:-1px;margin-bottom:12px}.login-brand-story p{font-size:16px;letter-spacing:-.25px}.login-asterisk,.login-brand-footer{display:none}.login-form-panel{flex:1;padding:38px 28px;align-items:flex-start}.login-form-content{max-width:450px}.login-heading{text-align:left;margin-bottom:28px}.login-heading h1{font-size:32px;letter-spacing:-1px}.login-heading p{font-size:16px}.login-screen [data-slot=field-group]{gap:22px}.login-screen [data-slot=input-group],.login-screen [data-slot=input]{height:54px}.login-screen .login-mode-button,.login-screen .login-submit{height:56px;font-size:17px}.login-secondary{margin-top:28px;padding-top:26px}.login-access-note{margin-top:26px}}@media (max-width:370px){.login-brand-panel,.login-form-panel{padding-inline:20px}.login-brand-story h2{font-size:27px}}@media (min-width:1101px){.login-brand-story{transform:translateY(35px)}.login-form-content{transform:translateY(28px)}}.login-screen .login-mode-button{color:var(--foreground);border-color:var(--input);background:var(--card)}