.login-form{gap:1.25rem;font-family:var(--font-mono);max-width:600px;margin:0 auto}.login-form,.login-form__group{display:flex;flex-direction:column}.login-form__group{gap:.5rem;position:relative}.login-form__group:before{content:">";position:absolute;left:0;top:0;color:var(--primary-color)}.login-form__group label{font-weight:500;color:var(--primary-color);font-size:.9rem;padding-left:15px;font-family:var(--font-mono)}.login-form__input-container{position:relative}.login-form__input{padding:.75rem;border:var(--border-style);border-radius:var(--border-radius);font-size:1rem;transition:var(--transition);background-color:var(--card-bg-transparent-50);color:var(--text-color);font-family:var(--font-mono);position:relative;width:100%}.login-form__input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-transparent-20)}.login-form__input::-moz-placeholder{color:var(--text-light)}.login-form__input::placeholder{color:var(--text-light)}.login-form__input:focus:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:8px;height:15px;background-color:var(--primary-color);animation:blink 1s step-end infinite}.login-form__hint-popup{position:absolute;top:-50px;right:0;z-index:10;animation:fadeIn .3s ease-in-out}.login-form__hint-box{font-family:var(--font-mono);white-space:pre;line-height:1.2;color:var(--primary-color);margin:0;padding:0;text-align:left;background-color:var(--card-color);border:1px solid var(--primary-color);position:relative}.login-form__hint-box:after{content:"";position:absolute;bottom:-10px;right:20px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--primary-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-form__submit{background-color:var(--primary-transparent-10);color:var(--primary-color);border:1px solid var(--primary-color);padding:.85rem;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:var(--transition);margin-top:.5rem;font-family:var(--font-mono);position:relative}.login-form__submit:before{content:"[ ";color:var(--primary-color)}.login-form__submit:after{content:" ]";color:var(--primary-color)}.login-form__submit:hover{background-color:var(--primary-transparent-20)}.login-form__submit:focus{outline:none;box-shadow:0 0 0 2px var(--primary-transparent-20)}.login-form__error{font-size:.8rem;color:var(--error-color);margin-top:.25rem;font-family:var(--font-mono);border-left:2px solid var(--error-color);padding-left:8px;display:flex;align-items:center}.login-form__error-prefix{margin-right:5px;font-weight:700}