.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh}.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);margin:1rem;max-width:400px;padding:2.5rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-title{color:#1f2937;font-size:1.875rem;font-weight:700;margin:0 0 .5rem}.login-subtitle{color:#6b7280;font-size:.875rem;margin:0}.form-group{margin-bottom:1.5rem}.form-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.login-button:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-1px)}.login-button:active{transform:translateY(0)}.error-message{align-items:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:.875rem;margin-bottom:1.5rem;padding:.75rem 1rem}.error-icon{font-size:1rem;margin-right:.5rem}.register-link{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.register-link a{color:#667eea;font-size:.875rem;font-weight:500;text-decoration:none}.register-link a:hover{text-decoration:underline}.weather-icon{font-size:2.5rem;margin-bottom:1rem}@media (max-width:480px){.login-card{margin:.5rem;padding:2rem 1.5rem}.login-title{font-size:1.5rem}}[data-loading=""],[data-loading=delay\|show],[data-loading=show]{display:none}