.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f3f4f6;padding:1rem}.login-card{background:#ffffff;padding:2rem;border-radius:1rem;box-shadow:0 4px 8px rgba(0,0,0,.1);width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:1.5rem}.login-header h1{font-family:Open Sauce One,sans-serif;font-size:1.75rem;color:#1f2937;margin-bottom:.5rem}.login-header p{color:#6b7280;font-size:.875rem}.login-form{gap:1rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.login-input{border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem 1rem;transition:border-color .2s ease}.login-input:focus{border-color:#f59e0b;outline:none;box-shadow:0 0 0 2px rgba(245,158,11,.2)}.login-options{justify-content:space-between;font-size:.875rem}.login-options,.remember-me{display:flex;align-items:center}.remember-me{gap:.5rem}.forgot-password{color:#10b981;text-decoration:none;transition:color .2s ease}.forgot-password:hover{color:#059669}.login-button{background:#f59e0b;color:#ffffff;font-weight:600;padding:.75rem;border-radius:.5rem;border:none;cursor:pointer;transition:background .2s ease}.login-button:hover{background:#d97706}.error-message,.error-text{color:#dc2626;font-size:.875rem}@media (max-width:480px){.login-card{padding:1.5rem;max-width:90%}.login-header h1{font-size:1.5rem}.login-header p{font-size:.8rem}.login-input{padding:.65rem .75rem}.login-button{padding:.65rem;font-size:.9rem}.login-options{font-size:.8rem}}