#app{display:flex;flex-direction:column;min-height:100vh;padding:24px}.login-header{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;width:100%;padding-bottom:16px}.login-header__brand{font-family:var(--font-heading);font-weight:800;font-size:22px;color:var(--accent);letter-spacing:-.005em}.login-header__lang{display:flex;align-items:center;gap:8px}.lang-btn{border:none;background:transparent;cursor:pointer;padding:4px 8px;font-size:14px;font-weight:700;letter-spacing:.03em;color:var(--ink3);border-radius:6px}.lang-btn--active{color:var(--accent)}.lang-sep{width:1px;height:16px;background:var(--line)}#app{align-items:center;justify-content:center}.login-card{width:100%;max-width:440px;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 44px #0b1f3914;padding:28px 30px 24px;display:flex;flex-direction:column;gap:16px}.login-card__title{font-size:24px;line-height:1.2}.login-tabs{display:flex;gap:4px;padding:4px;background:var(--line2);border-radius:12px}.login-tabs__tab{flex:1;height:40px;border:none;border-radius:9px;cursor:pointer;font-size:14px;font-weight:600;background:transparent;color:var(--ink3)}.login-tabs__tab--active{background:var(--card);color:var(--ink);box-shadow:0 1px 3px #0b1f3924}.login-panel{display:flex;flex-direction:column}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;font-weight:600;color:var(--ink2)}.field input,.phone-input-group input,.password-input-group input{height:46px;padding:0 14px;font-size:15px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:12px;outline:none;width:100%}.field input:focus-visible,.phone-input-group input:focus-visible,.password-input-group input:focus-visible{border-color:var(--accent)}.phone-input-group,.password-input-group{display:flex;align-items:center;gap:8px;position:relative}.phone-prefix{font-size:15px;color:var(--ink2);flex:none}.password-input-group input{padding-right:90px}.btn--show-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%)}.field-error{margin:4px 0 0;font-size:13px;color:var(--negative)}.btn{cursor:pointer;border-radius:12px;font-size:15px;font-weight:600;border:none}.btn--primary{height:50px;width:100%;background:var(--accent);color:var(--accent-ink);font-family:var(--font-heading);font-weight:800}.btn--primary:hover{background:var(--accent-hover)}.btn--primary:active{background:var(--accent-active)}.btn--primary:disabled{opacity:.6;cursor:not-allowed}.google-button-slot{display:flex;justify-content:center}.btn--text{background:transparent;color:var(--accent);padding:6px 4px;font-size:13px}.btn--text:disabled{color:var(--ink3);cursor:not-allowed}.btn--ghost{background:transparent;color:var(--ink2);font-size:13px;padding:4px 8px}.otp-secondary-actions{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.connect-row{max-width:440px;width:100%;margin:16px auto 0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:var(--ink2)}.connect-row__link{font-weight:700;text-decoration:underline;text-underline-offset:3px}@media (max-width: 767px){#app{padding:16px}.login-card{padding:22px 18px 18px}}