.login-container{height:100vh;display:flex;flex-direction:column;background-image:url(./background-BAVBo2Eg.png);background-size:cover;background-position:center;color:var(--white);overflow:hidden;position:relative;padding:var(--spacing-6)}.login-container:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(circle at 75% 75%,rgba(255,255,255,.05) 1px,transparent 1px);background-size:50px 50px;opacity:.3;z-index:1}.login-header{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--spacing-8) 0;position:relative;z-index:2}.logo-container{margin-bottom:var(--spacing-6)}.logo-container img{width:120px;height:auto}.app-title{font-size:2.5rem;font-weight:700;letter-spacing:3px;color:#fff3;margin-bottom:var(--spacing-3);text-shadow:0 2px 10px rgba(0,0,0,.3)}.city-name{font-size:1.5rem;font-weight:300;letter-spacing:2px;color:var(--light-brown);text-transform:uppercase;margin:0}.login-main{flex:0 0 auto;display:flex;justify-content:center;align-items:flex-end;padding-bottom:var(--spacing-8);position:relative;z-index:2}.login-form{width:100%;max-width:350px;display:flex;flex-direction:column;gap:16px}.input-label{display:block;font-size:.9rem;font-weight:200;color:var(--white);text-transform:uppercase;letter-spacing:1px}.input-field{width:100%;padding:var(--spacing-4);border-radius:4px;font-size:1rem;background-color:#0000004d;color:var(--white);transition:all var(--transition-fast);text-align:center;font-weight:500;border:unset}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container .input-field{padding-right:50px}cla .password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#5c5c5c94;cursor:pointer;padding:8px;border-radius:4px;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:var(--white);background-color:#ffffff1a}.password-toggle:focus{outline:2px solid var(--primary-brown);outline-offset:2px}.eye-icon,.eye-off-icon{width:20px;height:20px;stroke:currentColor;fill:none}.hidden{display:none}.input-field:focus{border-color:var(--primary-brown);outline:none;box-shadow:0 0 0 3px #6b43411a;transform:translateY(-1px)}.input-field::placeholder{color:var(--light-brown);font-weight:400}.input-field:invalid:not(:placeholder-shown){border-color:var(--error)}.input-field:valid:not(:placeholder-shown){border-color:var(--success)}.error-message{background-color:#ef44441a;border:1px solid var(--error);border-radius:4px;padding:var(--spacing-3);margin-bottom:var(--spacing-4);font-size:.85rem;color:var(--error);text-align:center;display:none;animation:slideDown var(--transition-normal) ease-out}.error-message.show{display:block}.error-message--success{background-color:#10b9811a;border-color:var(--success);color:var(--success)}.login-button{width:100%;padding:var(--spacing-4);background:linear-gradient(135deg,var(--primary-brown) 0%,var(--secondary-brown) 100%);color:var(--white);border:none;border-radius:4px;font-size:var(--font-size-base);font-weight:400;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;margin-top:var(--spacing-6)}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #6b434166}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.button-text{display:inline-block;transition:opacity var(--transition-fast)}.loading-spinner{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--white);border-radius:4px;animation:spin 1s linear infinite}.login-button.loading .button-text{opacity:0}.login-button.loading .loading-spinner{display:block}.forgot-password{text-align:center}.link-button{background:none;border:none;color:var(--secondary-brown);font-size:.85rem;cursor:pointer;transition:color var(--transition-fast);text-decoration:underline}.link-button:hover{color:var(--primary-brown)}@media (min-width: 768px){.login-container{padding:var(--spacing-12)}.app-title{font-size:3rem}.city-name{font-size:1.75rem}.logo-container img{width:150px}.login-form{padding:var(--spacing-10);max-width:400px}}@media (min-width: 1024px){.app-title{font-size:3.5rem}.city-name{font-size:2rem}.logo-container img{width:180px}}@media (max-width: 480px){.login-container{padding:var(--spacing-4)}.app-title{font-size:var(--font-size-3xl);letter-spacing:2px}.city-name{font-size:1.25rem}.logo-container img{width:240px}.login-form{padding:var(--spacing-6);border-radius:4px}}