*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-base);background-color:var(--bg-light);color:var(--text-primary);line-height:1.6;height:100vh;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(135deg,var(--bg-light) 0%,var(--cupra-blue-light) 100%)}.login-container{width:900px;max-width:90%;box-shadow:var(--shadow-lg);border-radius:var(--border-radius-xxl);overflow:hidden;display:flex;background-color:var(--white)}.login-image{flex:1;background-color:var(--cupra-blue-dark);display:flex;align-items:center;justify-content:center;position:relative}.login-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.login-form{flex:1;padding:var(--spacing-xxl) var(--spacing-xl);display:flex;flex-direction:column}.login-logo{text-align:center;margin-bottom:var(--spacing-xxl)}.login-logo h1{font-size:var(--font-size-xxl);font-weight:700;color:var(--cupra-blue-dark);margin-bottom:var(--spacing-xs)}.login-logo p{color:var(--text-muted);font-size:var(--font-size-sm)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--text-primary)}.form-control{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--gray-light);border-radius:var(--border-radius);font-size:var(--font-size-base);transition:var(--transition-base)}.form-control:focus{border-color:var(--cupra-blue-medium);box-shadow:0 0 0 2px #34657433;outline:none}.btn{display:block;width:100%;padding:var(--spacing-sm);border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:var(--transition-base)}.btn-primary{background-color:var(--cupra-blue-dark);color:var(--white)}.btn-primary:hover{background-color:var(--cupra-blue-medium);transform:translateY(-1px);box-shadow:0 4px 12px #003f514d}.alert{padding:var(--spacing-sm);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);color:var(--white)}.alert-danger{background-color:var(--danger)}@media (max-width: 768px){.login-container{flex-direction:column;height:auto}.login-image{height:200px}}