.loginView{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:40px 20px;gap:24px;background:linear-gradient(150deg,#0d1117,#161b27 60%,#1a1f2e)}.loginView .loginCard{position:relative;width:100%;max-width:420px;background:#fff;border-radius:14px;box-shadow:0 24px 64px #0000008c;overflow:hidden}.loginView .panelsTrack{display:flex;width:200%;transition:transform .38s cubic-bezier(.4,0,.2,1)}.loginView .loginCard.showRegister .panelsTrack{transform:translate(-50%)}.loginView .panel{display:flex;flex-direction:column;width:50%;padding:48px 40px 40px;gap:28px}.loginView .cardHeader{display:flex;flex-direction:column;gap:6px}.loginView h1{font-family:Tachyon,sans-serif;font-size:1.8rem;margin:0;color:#111827;letter-spacing:-.02em}.loginView .cardSubtitle{margin:0;font-size:.9rem;color:#6b7280}.loginView form{display:flex;flex-direction:column;gap:16px}.loginView .fieldGroup{display:flex;flex-direction:column;gap:7px}.loginView label{font-size:.83rem;font-weight:600;color:#374151;letter-spacing:.01em}.loginView input{padding:11px 14px;border:1.5px solid var(--border-gray);border-radius:var(--corner-radius);font-size:.95rem;outline:none;transition:border-color .15s,box-shadow .15s;color:#111827}.loginView input:focus{border-color:var(--action-button-color);box-shadow:0 0 0 3px #0d6efd1f}.loginView .inputWrapper{position:relative;display:flex}.loginView .inputWrapper input{flex-grow:1;padding-right:44px}.loginView .eyeButton{position:absolute;right:0;top:0;bottom:0;width:44px;background:none;border:none;cursor:pointer;color:#9ca3af;display:flex;align-items:center;justify-content:center;padding:0;transition:color .15s}.loginView .eyeButton:hover{color:#6b7280}.loginView .eyeButton.active{color:var(--action-button-color)}.loginView .eyeButton svg{width:17px;height:17px}.loginView .rulesText{margin:0;font-size:.8rem;color:#9ca3af}.loginView .errorMessage{margin:0;font-size:.85rem;color:var(--color-delete);min-height:18px}.loginView .primaryButton{padding:12px;background-color:var(--action-button-color);color:#fff;border:none;border-radius:var(--corner-radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color .15s,transform .1s;letter-spacing:.01em}.loginView .primaryButton:hover{background-color:var(--action-button-color-hover)}.loginView .primaryButton:active{transform:scale(.985)}.loginView .switchLink{margin:0;text-align:center;font-size:.88rem;color:#6b7280}.loginView .switchLink a{color:var(--action-button-color);text-decoration:none;font-weight:600}.loginView .switchLink a:hover{text-decoration:underline}